/*----------header-style-wrap--------------*/

* {
  margin: 0;

  padding: 0;
}

/* .social442_agent .btn---medium.default.bet-btn {
  display: none;
} */

.dnone {
  display: none !important;
}

.MobilePage .top-header-logo {
  max-height: 45px;

  background: #0e2d6d;

  text-align: center;

  margin: 0;

  font-size: 16px;

  padding: 0;
}
.MobilePage .header-section.new-header-section ul.top-header li {
  position: relative;
}
.MobilePage .header-section.new-header-section ul.top-header li.active:before {
  content: "";
  position: absolute;
  bottom: -8px;
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #ed3237 !important;
  margin: auto;
}
.header-section.new-header-section .top-header-item > .icon-title {
  padding: 2px 0px 0px !important;
  font-weight: normal;
}
.MobilePage
  .header-section.new-header-section
  ul.top-header
  li.active
  .icon-title {
  font-weight: 700 !important;
  opacity: 1;
}
.MobilePage .header-section.new-header-section ul.top-header li.active {
  border-bottom: 0px !important;
}
.MobilePage .top-header-logo img {
  padding-top: 5px;
}
.MobilePage .vidi-timer {
  margin-top: 20px;
}
.MobilePage .top-header-left-bars {
  background: url(https://www.social442.com/application/modules/Sitemobile/externals/images/menu_new_white.png)
    repeat scroll 0 0/85% auto transparent !important;

  border-radius: 0;

  height: 41px;

  left: 0 !important;

  top: 0 !important;

  width: 47px;

  position: absolute;
}

.MobilePage .top-header-wrapper {
  position: fixed;

  top: 0px;

  width: 100%;

  z-index: 99999;

  transition: all 0.3s ease;

  min-height: 45px;
}

.MobilePage .bread-crums-sep:before {
  content: "\f101";

  font-family: fontawesome;

  font-size: 10px;
}

.MobilePage .over_lay_back_custom {
  position: fixed;

  background: #fff;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0.3;
}

.MobilePage ul.header-menu-list-wrap {
  width: 180px;

  background-color: #0e2d6d;

  position: fixed;
}

.MobilePage ul.header-menu-list-wrap li.lp_no_submenu a.menu_core_main {
  display: block;

  margin: 0;

  overflow: hidden;

  padding: 5px 7px;
}

.MobilePage .main-navigation div.primarywrap > div {
  float: left;

  margin-right: 5px;
}

.MobilePage .core_main_home i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icon-s442.png);
}

.MobilePage .core_main_signup i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/signup.png);
}

.MobilePage .core_main_login i.ui-menu-icon {
  background-image: url(https://www.social442.com/public/mob-icons/add-friend.png);
}

.MobilePage .core_main_tv i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/live_tv.png);
}

.MobilePage .core_main_league i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/league_tables.png);
}

.MobilePage .core_main_local i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/local_football.png);
}

.MobilePage .core_main_news i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/latest_news.png);
}

.MobilePage .core_main_quiz i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/quiz.png);
}

.MobilePage .core_main_formation i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/formations.png);
}

.MobilePage .core_main_pin i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/pins.png);
}

.MobilePage .core_main_poll i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/polls.png);
}

.MobilePage .core_main_blog i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/blogs.png);
}

.MobilePage .petition_main_browse i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/petitions.png);
}

.MobilePage .core_main_group i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/groups.png);
}

.MobilePage .joke_main_browse i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/jokes.png);
}

.MobilePage .core_main_videos i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/videos.png);
}

.MobilePage .menu-hide.show {
  left: 0px;

  transition: all 0.6s ease-in-out;
}

.MobilePage .menu-hide {
  left: -180px;

  z-index: 10;

  transition: all 0.6s ease-in-out;
}

.MobilePage div.primarywrap > div {
  float: left;

  margin-right: 5px;
}

.MobilePage .menu_core_main i.ui-menu-icon {
  background-size: 24px;

  background-repeat: no-repeat;

  display: inline-block;

  height: 28px;

  line-height: 28px;

  margin: 0;

  padding: 0;

  text-align: center;

  position: relative;

  width: 28px;

  background-position: 0 3px;
}

.MobilePage div.primarywrap > div.content {
  margin-top: 5px;

  color: #ffffff;

  font-size: 13px;

  font-weight: bold;
}

.MobilePage .header-menu-list-wrap > li {
  border-bottom: 1px solid #3e4d96;

  border-top: 1px solid #000016;

  clear: both;

  display: block;

  overflow: hidden;
}

.MobilePage .header-menu-list-wrap i.ui-image {
  width: 24px !important;

  height: 24px !important;
}

.MobilePage .header-menu-list-wrap .menu_core_main i.ui-image {
  border-radius: 5px;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  width: 28px;

  height: 28px;

  display: inline-block;

  margin: 0 auto;
}

.MobilePage .lp_has_submenu .menu_core_main {
  display: block;

  margin: 0;

  overflow: hidden;

  padding: 5px 7px;
}

.MobilePage .header-menu-list-wrap > li.ui-li-divider {
  background: transparent;

  font-size: 0px;

  padding: 0px;

  margin: 0px;

  border-top: 0px;

  border-bottom-width: 2px;

  border-color: #bbbbbb;
}

.MobilePage .header-input-feild-wrap input {
  border: medium none;

  padding: 5px;

  width: 100%;

  box-sizing: border-box;

  border-radius: 0.3em;

  font-size: 14px;
}

.MobilePage .header-top-search {
  width: calc(100% - 40px);

  padding-left: 0;

  padding: 0.25em 7px;
}

.MobilePage .search-menu-wrap {
  position: relative;
}

.MobilePage .close-btnc a {
  font-size: 24px;

  color: #fff !important;

  font-weight: bold;

  position: absolute;

  right: 7px;

  padding: 0 !important;

  top: 0;

  margin: auto;

  height: 32px;

  bottom: 0;
}

.MobilePage li.lp_has_submenu {
  position: relative;

  overflow: visible;
}

.MobilePage li.lp_has_submenu ul.main-navigation {
  transition: all 0.6s ease-in-out;

  left: 0px;

  border-left: 1px solid #000016;

  position: absolute;

  width: 100%;

  z-index: -1;

  top: -1px;

  opacity: 0;

  background: none repeat scroll 0 0 #0e2d6d;
}

.MobilePage li.lp_has_submenu.open-sub-menu ul.main-navigation {
  left: 180px;

  opacity: 1;

  z-index: 1;

  transition: all 0.6s ease-in-out;
}

.MobilePage li.lp_has_submenu ul.main-navigation li {
  list-style-type: none;

  border-bottom: 1px solid #3e4d96;

  border-top: 1px solid #000016;
}

.MobilePage .lp_submenu_arrow {
  background-repeat: no-repeat;

  position: absolute;

  right: 0px;

  top: auto;

  float: right;

  margin-top: -36px;

  height: 32px;

  transition: all 0.4s ease-in-out;

  width: 27px;

  background-position: center;

  background-size: 10px;
}

.MobilePage .lp_submenu_arrow::before {
  width: 0;

  content: "";

  border-top: 7px solid transparent;

  border-left: 11px solid white;

  border-bottom: 7px solid transparent;

  position: absolute;

  right: 7px;

  bottom: 9px;
}

.MobilePage li.lp_has_submenu.open-involve-sub-menu ul.main-navigation {
  left: 180px;

  opacity: 1;

  z-index: 1;

  transition: all 0.6s ease-in-out;
}

.MobilePage li#get-involved-sub-menu-wrapper {
  position: unset;
}

.MobilePage li#get-involved-sub-menu-wrapper .main-navigation-submenu > li {
  overflow: hidden;
}

.MobilePage li#get-involved-sub-menu-wrapper ul.main-navigation-submenu {
  bottom: 0;

  top: auto;
}

.MobilePage
  li#get-involved-sub-menu-wrapper
  ul.main-navigation-submenu
  a.menu_core_main_involved {
  display: block;

  margin: 0;

  overflow: hidden;

  padding: 6px 7px 6px 7px;

  border-left: 1px solid #3e4d96;
}

body {
  margin: 0;

  padding: 0;

  font-family: Montserrat !important;
}

/*--------------match-page-style-------*/

.MobilePage .page-wrapper {
  padding-top: 44px;
}

.MobilePage .top-sc-v span.match_date {
  float: right;

  vertical-align: middle;

  font-size: 11px;

  margin-top: 5px;
}

.MobilePage .top-sc-v span.country-flag img {
  height: 15px;
  vertical-align: middle;
}

.match_date {
  margin-right: 5px;
}

.MobilePage .header-section ul.top-header {
  display: flex;

  text-align: center;

  justify-content: space-between;

  border-top: none;

  overflow-y: hidden;

  overflow-x: auto;

  border-bottom: 2px solid;

  border-image: linear-gradient(to right, #17264e, #ffffff6b, #17264e) 1;

  padding: 15px;
  position: relative;
  z-index: 19999;
}
.formation_seen_1 .header-section ul.top-header {
  border-bottom: 0px;
}
.MobilePage .header-section ul.top-header li {
  color: #fff;

  font-size: 12px;

  position: relative;

  list-style-type: none;

  margin: 0 10px;

  cursor: pointer;

  width: fit-content;

  white-space: nowrap;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;
  opacity: 0.6;
  border-bottom: 1px solid #011465;
}
.MobilePage .header-section ul.top-header li.back-arrow {
  opacity: 1;
}
.formation_seen_1 .header-section ul.top-header li.back-arrow {
  display: none !important;
}
.formation_seen_1 .header-section ul.top-header {
  border-image: none;
}
.formation_seen_1
  .match_live_bottom
  > .prediction_section_wrap
  > .perc-wrap
  > span.win_predict-home {
  /* border-radius: 0px !important; */
}
.MobilePage .header-section.new-header-section ul.top-header li.active {
  font-weight: 700 !important;
  opacity: 1;
}
.MobilePage .header-section ul.top-header li.active:after {
  content: "";

  border-top: 7px solid transparent;

  border-bottom: 7px solid transparent;

  position: absolute;

  border-left: 7px solid #36c6fd;

  width: 0;

  height: 0;

  bottom: -21px;

  left: 0;

  transform: rotate(-90deg);

  right: 0;

  margin: auto;

  display: none;
}

.MobilePage .header-section ul.top-header li.active {
  color: #fff;

  border-bottom: 1px solid;

  font-weight: 600;
}

.top-header-item > .icon {
  width: 25px;

  height: auto;
}

.top-header-item > .icon img {
  width: 100%;

  height: 100%;
}

.top-header-item > .icon-title {
  padding: 6px 10px;
}

.MobilePage .card--column {
  position: relative;

  z-index: 9;

  max-width: 100%;

  display: flex;

  flex: 1 1;
}

.MobilePage .card--ac--listner {
  width: 100%;

  margin-top: 20px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.MobilePage .card--ops {
  display: inline-block;

  vertical-align: middle;

  float: right;

  margin-right: 12px;
}

.MobilePage .card--ops.match-goals-info {
  width: auto;
}

.MobilePage .page-wrapper .section-wrapper {
  width: 100%;

  margin: auto;

  margin-top: 0px !important;
}

.MobilePage
  div#section-info
  .flex--column
  .grid--card--box
  div#main-lineup
  > img.cb_smonks_view {
  border: none;

  display: block;
}
div#section-info {
  margin-top: 0px;
}
div#section-info #stat_tab_no_data {
  margin-top: 20px;
}

@media (max-width: 330px) {
  .MobilePage .fixture-details {
    width: calc(100% - 140px);
  }
}

/*---------match-page-style-mobile----------------*/

/*----------header-style-wrap--------------*/

.MobilePage .top-header-left-bars {
  background: url(https://www.social442.com/application/modules/Sitemobile/externals/images/menu_new_white.png)
    repeat scroll 0 0/85% auto transparent !important;

  border-radius: 0;

  height: 41px;

  left: 0 !important;

  top: 0 !important;

  width: 47px;

  position: absolute;
}

.MobilePage .top-header-wrapper {
  position: fixed;

  top: 0px;

  width: 100%;

  z-index: 99999;

  transition: all 0.3s ease;

  min-height: 45px;
}

.MobilePage .bread-crums-sep:before {
  content: "\f101";

  font-family: fontawesome;

  font-size: 10px;
}

.MobilePage .over_lay_back_custom {
  position: fixed;

  background: #fff;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0.3;
}

.MobilePage ul.header-menu-list-wrap {
  width: 180px;

  background-color: #0e2d6d;

  position: fixed;
}

.MobilePage ul.header-menu-list-wrap li.lp_no_submenu a.menu_core_main {
  display: block;

  margin: 0;

  overflow: hidden;

  padding: 5px 7px;
}

.MobilePage .main-navigation div.primarywrap > div {
  float: left;

  margin-right: 5px;
}

.MobilePage .core_main_home i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icon-s442.png);
}

.MobilePage .core_main_signup i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/signup.png);
}

.MobilePage .core_main_login i.ui-menu-icon {
  background-image: url(https://www.social442.com/public/mob-icons/add-friend.png);
}

.MobilePage .core_main_tv i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/live_tv.png);
}

.MobilePage .core_main_league i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/league_tables.png);
}

.MobilePage .core_main_local i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/local_football.png);
}

.MobilePage .core_main_news i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/latest_news.png);
}

.MobilePage .core_main_quiz i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/quiz.png);
}

.MobilePage .core_main_formation i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/formations.png);
}

.MobilePage .core_main_pin i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/pins.png);
}

.MobilePage .core_main_poll i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/polls.png);
}

.MobilePage .core_main_blog i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/blogs.png);
}

.MobilePage .petition_main_browse i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/petitions.png);
}

.MobilePage .core_main_group i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/groups.png);
}

.MobilePage .joke_main_browse i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/jokes.png);
}

.MobilePage .core_main_videos i.ui-menu-icon {
  background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/videos.png);
}

.MobilePage .menu-hide.show {
  left: 0px;

  transition: all 0.6s ease-in-out;
}

.MobilePage .menu-hide {
  left: -180px;

  z-index: 10;

  transition: all 0.6s ease-in-out;
}

.MobilePage div.primarywrap > div {
  float: left;

  margin-right: 5px;
}

.MobilePage .menu_core_main i.ui-menu-icon {
  background-size: 24px;

  background-repeat: no-repeat;

  display: inline-block;

  height: 28px;

  line-height: 28px;

  margin: 0;

  padding: 0;

  text-align: center;

  position: relative;

  width: 28px;

  background-position: 0 3px;
}

.MobilePage div.primarywrap > div.content {
  margin-top: 5px;

  color: #ffffff;

  font-size: 13px;

  font-weight: bold;
}

.MobilePage .header-menu-list-wrap > li {
  border-bottom: 1px solid #3e4d96;

  border-top: 1px solid #000016;

  clear: both;

  display: block;

  overflow: hidden;
}

.MobilePage .header-menu-list-wrap i.ui-image {
  width: 24px !important;

  height: 24px !important;
}

.MobilePage .header-menu-list-wrap .menu_core_main i.ui-image {
  border-radius: 5px;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  width: 28px;

  height: 28px;

  display: inline-block;

  margin: 0 auto;
}

.MobilePage .lp_has_submenu .menu_core_main {
  display: block;

  margin: 0;

  overflow: hidden;

  padding: 5px 7px;
}

.MobilePage .header-menu-list-wrap > li.ui-li-divider {
  background: transparent;

  font-size: 0px;

  padding: 0px;

  margin: 0px;

  border-top: 0px;

  border-bottom-width: 2px;

  border-color: #bbbbbb;
}

.MobilePage .header-input-feild-wrap input {
  border: medium none;

  padding: 5px;

  width: 100%;

  box-sizing: border-box;

  border-radius: 0.3em;

  font-size: 14px;
}

.MobilePage .header-top-search {
  width: calc(100% - 40px);

  padding-left: 0;

  padding: 0.25em 7px;
}

.MobilePage .search-menu-wrap {
  position: relative;
}

.MobilePage .close-btnc a {
  font-size: 24px;

  color: #fff !important;

  font-weight: bold;

  position: absolute;

  right: 7px;

  padding: 0 !important;

  top: 0;

  margin: auto;

  height: 32px;

  bottom: 0;
}

.MobilePage li.lp_has_submenu {
  position: relative;

  overflow: visible;
}

.MobilePage li.lp_has_submenu ul.main-navigation {
  transition: all 0.6s ease-in-out;

  left: 0px;

  border-left: 1px solid #000016;

  position: absolute;

  width: 100%;

  z-index: -1;

  top: -1px;

  opacity: 0;

  background: none repeat scroll 0 0 #0e2d6d;
}

.MobilePage li.lp_has_submenu.open-sub-menu ul.main-navigation {
  left: 180px;

  opacity: 1;

  z-index: 1;

  transition: all 0.6s ease-in-out;
}

.MobilePage li.lp_has_submenu ul.main-navigation li {
  list-style-type: none;

  border-bottom: 1px solid #3e4d96;

  border-top: 1px solid #000016;
}

.MobilePage .lp_submenu_arrow {
  background-repeat: no-repeat;

  position: absolute;

  right: 0px;

  top: auto;

  float: right;

  margin-top: -36px;

  height: 32px;

  transition: all 0.4s ease-in-out;

  width: 27px;

  background-position: center;

  background-size: 10px;
}

.MobilePage .lp_submenu_arrow::before {
  width: 0;

  content: "";

  border-top: 7px solid transparent;

  border-left: 11px solid white;

  border-bottom: 7px solid transparent;

  position: absolute;

  right: 7px;

  bottom: 9px;
}

.MobilePage li.lp_has_submenu.open-involve-sub-menu ul.main-navigation {
  left: 180px;

  opacity: 1;

  z-index: 1;

  transition: all 0.6s ease-in-out;
}

.MobilePage li#get-involved-sub-menu-wrapper {
  position: unset;
}

.MobilePage li#get-involved-sub-menu-wrapper .main-navigation-submenu > li {
  overflow: hidden;
}

.MobilePage li#get-involved-sub-menu-wrapper ul.main-navigation-submenu {
  bottom: 0;

  top: auto;
}

.MobilePage
  li#get-involved-sub-menu-wrapper
  ul.main-navigation-submenu
  a.menu_core_main_involved {
  display: block;

  margin: 0;

  overflow: hidden;

  padding: 6px 7px 6px 7px;

  border-left: 1px solid #3e4d96;
}

/*-------------------------*/

body .MobilePage {
  margin: 0;

  padding: 0;

  font-family: Montserrat !important;

  background: linear-gradient(180deg, #001d72 0%, #030049 100%);
}

.MobilePage section.fluid-width.fill-sk-blu {
  background: #36c6fd;

  display: inline-block;

  width: 100%;

  box-sizing: border-box;

  padding: 80px 0px;
}

.MobilePage h3.clb-t {
  margin: 0;

  padding: 0;

  color: #012064;

  font-size: 18px;

  font-family: Montserrat;

  display: flex;

  align-items: center;

  margin-top: 30px;

  margin-bottom: 3px;
}

.MobilePage span.clb-logo {
  vertical-align: middle;

  max-width: 48px;

  height: 48px;

  margin-right: 15px;
}

.MobilePage h3.clb-t img {
  float: left;

  max-width: 48px;

  vertical-align: middle;

  margin-right: 15px;
}

.MobilePage span.hr-s {
  color: #fff;

  font-size: 28px;

  font-weight: 300;

  font-family: Montserrat;

  line-height: 32px;

  margin-top: 14px;

  display: block;
}

/*========= Style for League status =======*/

.MobilePage .league-data-sheet {
  width: 100%;

  box-sizing: border-box;

  border-radius: 6px 6px 6px 6px;

  padding: 40px 0px;

  display: inline-block;
}

.MobilePage .grid--col-3 {
  float: left;

  width: 31%;

  margin-right: 3.5%;
}

.MobilePage .grid--col-3:last-of-type {
  margin-right: 0;
}

.MobilePage .card--header {
  box-sizing: border-box;

  padding: 0px 40px;

  color: #fff;

  background: #36c6fd;

  border-radius: 6px 6px 0px 0px;

  height: 84px;
}

.MobilePage h3.club-header-t {
  font-size: 28px;

  font-weight: 300;

  font-family: Montserrat;

  line-height: 84px;

  margin: 0;

  color: #fff;

  padding: 0;
}

.MobilePage ul.data-list-row-3 {
  list-style: none;

  margin: 0;

  padding: 0;
}

.MobilePage .grid--lay-card {
  width: 100%;

  background: #fff;

  border-radius: 6px;

  box-shadow: 2px -4px 26px rgba(0, 0, 0, 0.25);
}

.MobilePage .data-counter {
  box-sizing: border-box;

  padding: 15px 25px;

  display: inline-block;

  width: 100%;

  border-bottom: 1px solid #e3e9f4;
}

.MobilePage data-counter:last-of-type {
  border: none;
}

.MobilePage .data-counter li {
  float: left;

  font-size: 17px;

  font-family: Montserrat;

  line-height: 26px;

  font-weight: 500;

  color: #0e2d6d;
}

.MobilePage li.data-seq {
  color: #9b9b9b;
}

.MobilePage li.data-clun-info img {
  max-width: 30px;

  float: left;

  margin-right: 10px;

  vertical-align: middle;
}

.MobilePage li.data-club-per {
  float: right;
}

.MobilePage li.data-clun-info {
  padding-left: 15px;
}

.MobilePage .club-scorer {
  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  background: #0e2d6d;

  border-radius: 6px;

  color: #fff;

  font-size: 17px;

  font-family: Montserrat;

  padding: 12px 20px;

  margin-top: 30px;

  box-sizing: border-box;
}

.MobilePage span.clun-status-c img {
  max-width: 30px;

  vertical-align: middle;
}

.MobilePage span.club-season-r {
  justify-content: flex-end;

  display: flex;

  flex: 1;
}

.MobilePage span.clun-status-c {
  padding-left: 20px;
}

/*========= Style for toggle switch =======*/

.MobilePage .switch-input {
  display: none !important;
}

.MobilePage .switch-label {
  position: relative;

  display: inline-block;

  min-width: 0px;

  cursor: pointer;

  font-weight: 500;

  text-align: left;

  margin: 16px;

  padding: 16px 0 16px 40px;
}

.MobilePage span.toggle-switch {
  display: flex;

  align-items: center;

  font-size: 18px;

  font-family: Montserrat;

  font-weight: 400;

  margin-left: 40px;

  transform: translateY(10px);
}

.MobilePage .switch-label:before,
.MobilePage .switch-label:after {
  content: "";

  position: absolute;

  margin: 0;

  outline: 0;

  top: 50%;

  -ms-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

.MobilePage .switch-label:before {
  left: 1px;

  width: 34px;

  height: 14px;

  background-color: #3bacd8;

  border-radius: 8px;
}

.MobilePage .switch-label:after {
  left: 0;

  width: 20px;

  height: 20px;

  background-color: #fafafa;

  border-radius: 50%;

  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.14),
    0 2px 2px 0 rgba(0, 0, 0, 0.098),
    0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.MobilePage .switch-label .toggle--on {
  display: none;
}

.MobilePage .switch-label .toggle--off {
  display: inline-block;
}

.MobilePage .switch-input:checked + .switch-label:before {
  background-color: #a5d6a7;
}

.MobilePage .switch-input:checked + .switch-label:after {
  background-color: #4caf50;

  -ms-transform: translate(80%, -50%);

  -webkit-transform: translate(80%, -50%);

  transform: translate(80%, -50%);
}

.MobilePage .switch-input:checked + .switch-label .toggle--on {
  display: inline-block;
}

.MobilePage .switch-input:checked + .switch-label .toggle--off {
  display: none;
}

/*========= Style for season rating =========*/

.MobilePage table.seson-dat-info {
  background: #fff;

  width: 100%;

  border-radius: 6px;

  margin: 0;

  padding: 0;

  border: none;

  border-collapse: collapse;
}

.MobilePage table.seson-dat-info tr {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12);
}

.MobilePage table.seson-dat-info tr:not(:first-of-type) {
  box-shadow: none;

  border-bottom: 1px solid #e3e9f4;
}

.MobilePage table.seson-dat-info tr:last-of-type {
  border: none;
}

.MobilePage th.fill-navy {
  border-radius: 6px 0px 0px 0px;
}

.MobilePage .fill-navy {
  background: #0e2d6d !important;

  color: #fff !important;

  box-sizing: border-box;

  padding: 20px 0px !important;

  text-align: center !important;

  width: 60px;
}

.MobilePage table.seson-dat-info th {
  text-align: center;

  font-family: Montserrat;

  font-size: 14px;

  font-weight: 500;

  color: #9b9b9b;
}

.MobilePage tr.data-se-row th:nth-of-type(2),
td.clb-lgo {
  padding-left: 20px;

  text-align: left;
}

.MobilePage table.seson-dat-info tr td {
  text-align: center;

  font-size: 17px;

  font-family: Montserrat;

  color: #9b9b9b;

  font-weight: 500;
}

.MobilePage td.clb-lgo {
  text-align: left !important;
}

.MobilePage td.clb-lgo img {
  width: 36px;

  height: 36px;

  border-radius: 100%;

  vertical-align: middle;

  background: #e0e1e0;

  box-sizing: border-box;

  padding: 6px;

  margin: 0 7px 0 0;

  line-height: 40ox;
}

.MobilePage .fill-navy {
  position: relative;
}

.MobilePage td.fill-navy::after {
  position: absolute;

  width: 100%;

  height: 1px;

  background: #0e2d6d;

  content: "";

  top: 100%;

  left: 0;
}

.MobilePage table.seson-dat-info tr:last-of-type td.fill-navy {
  border-radius: 0px 0px 0px 6px;
}

.MobilePage table.seson-dat-info tr:last-of-type td.fill-navy {
  border-radius: 0px 0px 0px 6px;
}

.MobilePage td.fill-navy.last:after {
  display: none;
}

.MobilePage th.active-tri {
  color: #0e2d6d !important;

  font-weight: 700 !important;

  position: relative;
}

.MobilePage th.active-tri:after {
  position: absolute;

  width: 100%;

  height: 3px;

  background: #0e2d6d;

  content: "";

  left: 0;

  bottom: 0;
}

/*========= Style for Team of the week ==========*/

.MobilePage h4.gr-guixd span {
  color: #9b9b9b;

  font-size: 10px;

  font-weight: 400;

  margin-right: 3px;
}

.MobilePage span.dt-schdul {
  font-weight: 600 !important;

  border-right: 1px solid #fff;

  padding-right: 0px;
}

.MobilePage .grid--card--box {
  width: 100%;

  border-radius: 6px;

  overflow: hidden;

  box-shadow: none;
}

.MobilePage .card--box-header h2 {
  color: #fff;

  margin: 0;

  width: 100%;

  font-size: 18px;

  font-weight: 600;

  box-sizing: border-box;
}

.MobilePage span.ccd-d- img {
  max-width: 30px;
}

.MobilePage span.ccd-d- {
  display: flex;

  justify-content: center;

  align-items: center;

  border-right: 1px solid rgba(255, 255, 255, 0.2);

  width: 90px;

  height: 80px;

  margin-right: 35px;
}

.MobilePage .grid--layout-two-third span.toggle-switch {
  /* padding: 0!important; */

  margin: 0;

  color: #fff;
}

.MobilePage .grid-box-row-2 {
  display: inline-block;

  width: 100%;

  margin: 25px 0px;
}

.MobilePage .css-shapes-preview {
  position: relative;

  width: 258px;

  padding: 0px;

  border-radius: 6px;

  top: 0px;

  left: 0px;

  transform: skew(0deg);

  border-top: 0px transparent;

  border-left: 50px solid transparent;

  border-right: 50px solid transparent;

  border-bottom: 406px solid #031854;

  left: 50%;

  transform: translateX(-50%);

  box-shadow: 0px 10px rgba(0, 0, 4);
}

.MobilePage span.filed-divider {
  display: none !important;
}

.MobilePage span.mgl-crcl {
  position: absolute;

  border: 2px solid rgba(255, 255, 255, 0.1);

  width: 70px;

  height: 70px;

  border-radius: 100%;

  top: 50%;

  display: none;

  left: 50%;

  transform: translate(-50%, -50%);
}

.MobilePage span.c-point {
  position: absolute;

  width: 10px;

  height: 10px;

  background: #0e2d6d;

  z-index: -1;

  border-radius: 100%;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

/*====== style for last match status =======*/

.MobilePage .card--box-header.bg-ac-b h2.fram-titl {
  padding-bottom: 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.right-players-section-wrap-top-scorer h2.fram-titl {
  padding: 15px;
}

.MobilePage span.cc-pp-r {
  color: #071f64;

  font-size: 12px;

  font-weight: 400;
}

.MobilePage .texm-sl {
  display: flex;

  justify-content: flex-end;

  flex: 1;
}

.MobilePage span.chjd- {
  display: flex;

  position: relative;

  align-items: center;
}

.MobilePage span.chjd- img {
  max-width: 35px;
}

.MobilePage span.chjd-.current-state::after {
  position: absolute;

  content: "";

  width: 100%;

  height: 3px;

  background: #071f64;

  top: 58px;
}

.MobilePage .card--box-header.bg-ac-b {
  box-shadow: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue {
  border-color: rgba(255, 255, 255, 0.1);
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue span.cc-pp-r {
  color: #fff;

  font-weight: 600;

  letter-spacing: 0.25px;
}

.MobilePage .card-vob {
  display: block;

  width: 100%;

  box-sizing: border-box;

  padding: 35px;
}

.MobilePage ul.stst-lids {
  display: flex;

  width: 100%;

  list-style: none;

  margin: auto auto 10px;

  padding: 0;

  justify-content: center;
}

.MobilePage ul.stst-lids li {
  width: 33.33%;
}

.MobilePage .tx-r {
  float: right;

  border-radius: 6px 0px 0px 6px;

  text-align: right;
}

.MobilePage span.data-progres-50 {
  width: 50%;
}

.MobilePage ul.stst-lids li span {
  padding: 0px 10px;

  font-size: 13px;

  color: #fff;

  height: 25px;

  line-height: 25px;
}

.MobilePage .data-ac-skb {
  background: #36c6fd;

  color: #fff;
}

.MobilePage .tx-l {
  float: left;

  border-radius: 0px 6px 6px 0px;
}

.MobilePage ul.stst-lids li:nth-of-type(2) {
  text-align: center;

  width: 27%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.MobilePage span.data-progres-40 {
  width: 40%;
}

.MobilePage span.data-progres-25 {
  width: 25%;
}

.MobilePage span.data-progres-30 {
  width: 30%;
}

.MobilePage span.data-progres-70 {
  width: 70%;
}

.MobilePage span.data-progres-60 {
  width: 60%;
}

.MobilePage .grid--layout-two-third .grid--card--box:nth-of-type(2) {
  margin-top: 25px;
}

.MobilePage .grid--layout--2 {
  width: 100%;
}

.MobilePage .grid--clumn-2 {
  float: left;

  width: 50%;

  box-sizing: border-box;

  padding: 40px 35px;
}

.MobilePage .grid--clumn-2:first-of-type {
  border-right: 1px solid rgba(255, 225, 255, 0.1);
}

.MobilePage .grid--clumn-2 h4 {
  margin: 0;

  font-size: 18px;

  font-weight: 400;

  color: #fff;
}

.MobilePage ul.pldfg-fnd {
  padding: 0;

  margin: 30px 0 0;

  list-style: none;
}

.MobilePage li.fd0jsj {
  background: #0e2d6d;

  border-radius: 6px;

  margin-bottom: 10px;

  box-sizing: border-box;

  padding: 20px 20px 20px 35px;

  position: relative;

  color: #fff;

  font-size: 13px;

  line-height: 17px;
}

.MobilePage .card---layout-footer {
  display: flex;

  width: 100%;

  background: #0e2d6d;

  justify-content: space-between;

  padding: 15px 30px;

  align-items: center;

  box-sizing: border-box;

  border-radius: 0px 0px 6px 6px;
}

.MobilePage span.shdh {
  font-size: 18px;

  color: #fff;

  font-weight: 400;
}

.MobilePage span.dhhd-sd {
  background: #071f64;

  color: #fff;

  font-size: 12px;

  margin: 15px 0px;

  padding: 15px 28px;

  border-radius: 6px;

  cursor: pointer;
}

.MobilePage span.fdfj {
  position: absolute;

  width: 10px;

  height: 2px;

  background: #519f19;

  left: 15px;

  top: 27px;

  /* top: 0; */
}

.MobilePage span.fdfj::after {
  content: "";

  position: absolute;

  width: 2px;

  height: 10px;

  background: #519f19;

  transform: translate(4px, -4px);
}

.MobilePage span.fdfj.de-c::after {
  display: none;
}

.MobilePage span.fdfj.de-c {
  background: #f8e71c;
}

.MobilePage span.chjd-.current-state.ac-wft:after {
  background: #fff;
}

/****************************************************************

 *

 * CSS Percentage Circle

 * Author: Andre Firchow

 *

*****************************************************************/

.MobilePage .rect-auto,
.MobilePage .c100.p51 .slice,
.MobilePage .c100.p52 .slice,
.MobilePage .c100.p53 .slice,
.MobilePage c100.p54 .slice,
.MobilePage .c100.p55 .slice,
.MobilePage .c100.p56 .slice,
.MobilePage .c100.p57 .slice,
.MobilePage .c100.p58 .slice,
.MobilePage .c100.p59 .slice,
.MobilePage .c100.p60 .slice,
.MobilePage .c100.p61 .slice,
.MobilePage .c100.p62 .slice,
.MobilePage .c100.p63 .slice,
.MobilePage .c100.p64 .slice,
.MobilePage .c100.p65 .slice,
.MobilePage .c100.p66 .slice,
.MobilePage .c100.p67 .slice,
.MobilePage .c100.p68 .slice,
.c100.p69 .slice,
.MobilePage .c100.p70 .slice,
.MobilePage .c100.p71 .slice,
.MobilePage .c100.p72 .slice,
.MobilePage .c100.p73 .slice,
.MobilePage .c100.p74 .slice,
.MobilePage .c100.p75 .slice,
.MobilePage .c100.p76 .slice,
.MobilePage .c100.p77 .slice,
.MobilePage .c100.p78 .slice,
.MobilePage .c100.p79 .slice,
.MobilePage .c100.p80 .slice,
.MobilePage .c100.p81 .slice,
.MobilePage .c100.p82 .slice,
.MobilePage .c100.p83 .slice,
.MobilePage .c100.p84 .slice,
.MobilePage .c100.p85 .slice,
.MobilePage .c100.p86 .slice,
.MobilePage .c100.p87 .slice,
.MobilePage .c100.p88 .slice,
.MobilePage .c100.p89 .slice,
.MobilePage .c100.p90 .slice,
.MobilePage .c100.p91 .slice,
.MobilePage .c100.p92 .slice,
.MobilePage .c100.p93 .slice,
.MobilePage .c100.p94 .slice,
.MobilePage .c100.p95 .slice,
.MobilePage .c100.p96 .slice,
.MobilePage .c100.p97 .slice,
.MobilePage .c100.p98 .slice,
.MobilePage .c100.p99 .slice,
.MobilePage .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.MobilePage .pie,
.MobilePage .c100 .bar,
.MobilePage .c100.p51 .fill,
.MobilePage .c100.p52 .fill,
.MobilePage .c100.p53 .fill,
.MobilePage .c100.p54 .fill,
.MobilePage .c100.p55 .fill,
.MobilePage .c100.p56 .fill,
.MobilePage .c100.p57 .fill,
.MobilePage .c100.p58 .fill,
.MobilePage .c100.p59 .fill,
.MobilePage .c100.p60 .fill,
.MobilePage .c100.p61 .fill,
.MobilePage .c100.p62 .fill,
.MobilePage .c100.p63 .fill,
.MobilePage .c100.p64 .fill,
.MobilePage .c100.p65 .fill,
.MobilePage .c100.p66 .fill,
.MobilePage .c100.p67 .fill,
.MobilePage .c100.p68 .fill,
.c100.p69 .fill,
.MobilePage .c100.p70 .fill,
.MobilePage .c100.p71 .fill,
.MobilePage .c100.p72 .fill,
.MobilePage .c100.p73 .fill,
.MobilePage .c100.p74 .fill,
.MobilePage .c100.p75 .fill,
.MobilePage .c100.p76 .fill,
.MobilePage .c100.p77 .fill,
.MobilePage .c100.p78 .fill,
.MobilePage .c100.p79 .fill,
.MobilePage .c100.p80 .fill,
.MobilePage .c100.p81 .fill,
.MobilePage .c100.p82 .fill,
.MobilePage .c100.p83 .fill,
.MobilePage .c100.p84 .fill,
.MobilePage .c100.p85 .fill,
.MobilePage .c100.p86 .fill,
.MobilePage .c100.p87 .fill,
.MobilePage .c100.p88 .fill,
.MobilePage .c100.p89 .fill,
.MobilePage .c100.p90 .fill,
.MobilePage .c100.p91 .fill,
.MobilePage .c100.p92 .fill,
.MobilePage .c100.p93 .fill,
.MobilePage .c100.p94 .fill,
.MobilePage .c100.p95 .fill,
.MobilePage .c100.p96 .fill,
.MobilePage .c100.p97 .fill,
.MobilePage .c100.p98 .fill,
.MobilePage .c100.p99 .fill,
.MobilePage .c100.p100 .fill {
  position: absolute;

  border: 0.08em solid #36cafc;

  width: 0.84em;

  height: 0.84em;

  clip: rect(0em, 0.5em, 1em, 0em);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);
}

.MobilePage .pie-fill,
.MobilePage .c100.p51 .bar:after,
.MobilePage .c100.p51 .fill,
.MobilePage .c100.p52 .bar:after,
.MobilePage .c100.p52 .fill,
.MobilePage .c100.p53 .bar:after,
.MobilePage .c100.p53 .fill,
.MobilePage .c100.p54 .bar:after,
.MobilePage .c100.p54 .fill,
.MobilePage .c100.p55 .bar:after,
.MobilePage .c100.p55 .fill,
.MobilePage .c100.p56 .bar:after,
.MobilePage .c100.p56 .fill,
.MobilePage .c100.p57 .bar:after,
.c100.p57 .fill,
.MobilePage .c100.p58 .bar:after,
.MobilePage .c100.p58 .fill,
.MobilePage .c100.p59 .bar:after,
.MobilePage .c100.p59 .fill,
.MobilePage .c100.p60 .bar:after,
.MobilePage .c100.p60 .fill,
.MobilePage .c100.p61 .bar:after,
.MobilePage .c100.p61 .fill,
.c100.p62 .bar:after,
.MobilePage .c100.p62 .fill,
.MobilePage .c100.p63 .bar:after,
.MobilePage .c100.p63 .fill,
.MobilePage .c100.p64 .bar:after,
.MobilePage .c100.p64 .fill,
.MobilePage .c100.p65 .bar:after,
.MobilePage .c100.p65 .fill,
.MobilePage .c100.p66 .bar:after,
.MobilePage .c100.p66 .fill,
.MobilePage .c100.p67 .bar:after,
.MobilePage .c100.p67 .fill,
.MobilePage .c100.p68 .bar:after,
.MobilePage .c100.p68 .fill,
.MobilePage .c100.p69 .bar:after,
.MobilePage .c100.p69 .fill,
.MobilePage .c100.p70 .bar:after,
.MobilePage .c100.p70 .fill,
.MobilePage .c100.p71 .bar:after,
.MobilePage .c100.p71 .fill,
.MobilePage .c100.p72 .bar:after,
.MobilePage .c100.p72 .fill,
.MobilePage .c100.p73 .bar:after,
.MobilePage .c100.p73 .fill,
.MobilePage .c100.p74 .bar:after,
.MobilePage .c100.p74 .fill,
.MobilePage .c100.p75 .bar:after,
.MobilePage .c100.p75 .fill,
.MobilePage .c100.p76 .bar:after,
.MobilePage .c100.p76 .fill,
.MobilePage .c100.p77 .bar:after,
.MobilePage .c100.p77 .fill,
.MobilePage .c100.p78 .bar:after,
.MobilePage .c100.p78 .fill,
.MobilePage .c100.p79 .bar:after,
.MobilePage .c100.p79 .fill,
.MobilePage .c100.p80 .bar:after,
.MobilePage .c100.p80 .fill,
.MobilePage .c100.p81 .bar:after,
.MobilePage .c100.p81 .fill,
.MobilePage .c100.p82 .bar:after,
.MobilePage .c100.p82 .fill,
.MobilePage .c100.p83 .bar:after,
.MobilePage .c100.p83 .fill,
.MobilePage .c100.p84 .bar:after,
.MobilePage .c100.p84 .fill,
.MobilePage .c100.p85 .bar:after,
.MobilePage .c100.p85 .fill,
.MobilePage .c100.p86 .bar:after,
.MobilePage .c100.p86 .fill,
.MobilePage .c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.MobilePage .c100.p88 .fill,
.MobilePage .c100.p89 .bar:after,
.MobilePage .c100.p89 .fill,
.MobilePage .c100.p90 .bar:after,
.MobilePage .c100.p90 .fill,
.MobilePage .c100.p91 .bar:after,
.MobilePage .c100.p91 .fill,
.MobilePage .c100.p92 .bar:after,
.MobilePage .c100.p92 .fill,
.MobilePage .c100.p93 .bar:after,
.MobilePage .c100.p93 .fill,
.MobilePage .c100.p94 .bar:after,
.MobilePage .c100.p94 .fill,
.MobilePage .c100.p95 .bar:after,
.MobilePage .c100.p95 .fill,
.MobilePage .c100.p96 .bar:after,
.MobilePage .c100.p96 .fill,
.MobilePage .c100.p97 .bar:after,
.MobilePage .c100.p97 .fill,
.MobilePage .c100.p98 .bar:after,
.MobilePage .c100.p98 .fill,
.MobilePage .c100.p99 .bar:after,
.MobilePage .c100.p99 .fill,
.MobilePage .c100.p100 .bar:after,
.MobilePage .c100.p100 .fill {
  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);
}

.MobilePage .c100 {
  position: relative;

  font-size: 120px;

  width: 1em;

  height: 1em;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  float: left;

  background-color: #07326c;
}

.MobilePage .c100 *,
.MobilePage .c100 *:before,
.MobilePage .c100 *:after {
  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;
}

.MobilePage .c100.center {
  float: none;

  margin: 0 auto;
}

.MobilePage .c100.big {
  font-size: 75px;
}

.MobilePage .c100.small {
  font-size: 80px;
}

.MobilePage .c100 > span {
  position: absolute;

  width: 100%;

  z-index: 1;

  left: 0;

  top: 0;

  width: 5em;

  line-height: 5em;

  font-size: 0.2em;

  color: #cccccc;

  display: block;

  text-align: center;

  white-space: nowrap;

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -webkit-transition-timing-function: ease-out;

  -moz-transition-timing-function: ease-out;

  -o-transition-timing-function: ease-out;

  transition-timing-function: ease-out;
}

.MobilePage .c100:after {
  position: absolute;

  top: 0.08em;

  left: 0.08em;

  display: block;

  content: " ";

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border-radius: 50%;

  background-color: #002563;

  width: 0.84em;

  height: 0.84em;

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -webkit-transition-timing-function: ease-in;

  -moz-transition-timing-function: ease-in;

  -o-transition-timing-function: ease-in;

  transition-timing-function: ease-in;
}

.MobilePage .c100 .slice {
  position: absolute;

  width: 1em;

  height: 1em;

  clip: rect(0em, 1em, 1em, 0.5em);
}

.MobilePage .c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);

  -moz-transform: rotate(3.6deg);

  -ms-transform: rotate(3.6deg);

  -o-transform: rotate(3.6deg);

  transform: rotate(3.6deg);
}

.MobilePage .c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);

  -moz-transform: rotate(7.2deg);

  -ms-transform: rotate(7.2deg);

  -o-transform: rotate(7.2deg);

  transform: rotate(7.2deg);
}

.MobilePage .c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);

  -moz-transform: rotate(10.8deg);

  -ms-transform: rotate(10.8deg);

  -o-transform: rotate(10.8deg);

  transform: rotate(10.8deg);
}

.MobilePage .c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);

  -moz-transform: rotate(14.4deg);

  -ms-transform: rotate(14.4deg);

  -o-transform: rotate(14.4deg);

  transform: rotate(14.4deg);
}

.MobilePage .c100.p5 .bar {
  -webkit-transform: rotate(18deg);

  -moz-transform: rotate(18deg);

  -ms-transform: rotate(18deg);

  -o-transform: rotate(18deg);

  transform: rotate(18deg);
}

.MobilePage .c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);

  -moz-transform: rotate(21.6deg);

  -ms-transform: rotate(21.6deg);

  -o-transform: rotate(21.6deg);

  transform: rotate(21.6deg);
}

.MobilePage .c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);

  -moz-transform: rotate(25.2deg);

  -ms-transform: rotate(25.2deg);

  -o-transform: rotate(25.2deg);

  transform: rotate(25.2deg);
}

.MobilePage .c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);

  -moz-transform: rotate(28.8deg);

  -ms-transform: rotate(28.8deg);

  -o-transform: rotate(28.8deg);

  transform: rotate(28.8deg);
}

.MobilePage .c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);

  -moz-transform: rotate(32.4deg);

  -ms-transform: rotate(32.4deg);

  -o-transform: rotate(32.4deg);

  transform: rotate(32.4deg);
}

.MobilePage .c100.p10 .bar {
  -webkit-transform: rotate(36deg);

  -moz-transform: rotate(36deg);

  -ms-transform: rotate(36deg);

  -o-transform: rotate(36deg);

  transform: rotate(36deg);
}

.MobilePage .c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);

  -moz-transform: rotate(39.6deg);

  -ms-transform: rotate(39.6deg);

  -o-transform: rotate(39.6deg);

  transform: rotate(39.6deg);
}

.MobilePage .c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);

  -moz-transform: rotate(43.2deg);

  -ms-transform: rotate(43.2deg);

  -o-transform: rotate(43.2deg);

  transform: rotate(43.2deg);
}

.MobilePage .c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);

  -moz-transform: rotate(46.8deg);

  -ms-transform: rotate(46.8deg);

  -o-transform: rotate(46.8deg);

  transform: rotate(46.8deg);
}

.MobilePage .c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);

  -moz-transform: rotate(50.4deg);

  -ms-transform: rotate(50.4deg);

  -o-transform: rotate(50.4deg);

  transform: rotate(50.4deg);
}

.MobilePage .c100.p15 .bar {
  -webkit-transform: rotate(54deg);

  -moz-transform: rotate(54deg);

  -ms-transform: rotate(54deg);

  -o-transform: rotate(54deg);

  transform: rotate(54deg);
}

.MobilePage .c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);

  -moz-transform: rotate(57.6deg);

  -ms-transform: rotate(57.6deg);

  -o-transform: rotate(57.6deg);

  transform: rotate(57.6deg);
}

.MobilePage .c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);

  -moz-transform: rotate(61.2deg);

  -ms-transform: rotate(61.2deg);

  -o-transform: rotate(61.2deg);

  transform: rotate(61.2deg);
}

.MobilePage .c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);

  -moz-transform: rotate(64.8deg);

  -ms-transform: rotate(64.8deg);

  -o-transform: rotate(64.8deg);

  transform: rotate(64.8deg);
}

.MobilePage .c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);

  -moz-transform: rotate(68.4deg);

  -ms-transform: rotate(68.4deg);

  -o-transform: rotate(68.4deg);

  transform: rotate(68.4deg);
}

.MobilePage .c100.p20 .bar {
  -webkit-transform: rotate(72deg);

  -moz-transform: rotate(72deg);

  -ms-transform: rotate(72deg);

  -o-transform: rotate(72deg);

  transform: rotate(72deg);
}

.MobilePage .c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);

  -moz-transform: rotate(75.6deg);

  -ms-transform: rotate(75.6deg);

  -o-transform: rotate(75.6deg);

  transform: rotate(75.6deg);
}

.MobilePage .c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);

  -moz-transform: rotate(79.2deg);

  -ms-transform: rotate(79.2deg);

  -o-transform: rotate(79.2deg);

  transform: rotate(79.2deg);
}

.MobilePage .c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);

  -moz-transform: rotate(82.8deg);

  -ms-transform: rotate(82.8deg);

  -o-transform: rotate(82.8deg);

  transform: rotate(82.8deg);
}

.MobilePage .c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);

  -moz-transform: rotate(86.4deg);

  -ms-transform: rotate(86.4deg);

  -o-transform: rotate(86.4deg);

  transform: rotate(86.4deg);
}

.MobilePage .c100.p25 .bar {
  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);
}

.MobilePage .c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);

  -moz-transform: rotate(93.6deg);

  -ms-transform: rotate(93.6deg);

  -o-transform: rotate(93.6deg);

  transform: rotate(93.6deg);
}

.MobilePage .c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);

  -moz-transform: rotate(97.2deg);

  -ms-transform: rotate(97.2deg);

  -o-transform: rotate(97.2deg);

  transform: rotate(97.2deg);
}

.MobilePage .c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);

  -moz-transform: rotate(100.8deg);

  -ms-transform: rotate(100.8deg);

  -o-transform: rotate(100.8deg);

  transform: rotate(100.8deg);
}

.MobilePage .c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);

  -moz-transform: rotate(104.4deg);

  -ms-transform: rotate(104.4deg);

  -o-transform: rotate(104.4deg);

  transform: rotate(104.4deg);
}

.MobilePage .c100.p30 .bar {
  -webkit-transform: rotate(108deg);

  -moz-transform: rotate(108deg);

  -ms-transform: rotate(108deg);

  -o-transform: rotate(108deg);

  transform: rotate(108deg);
}

.MobilePage .c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);

  -moz-transform: rotate(111.6deg);

  -ms-transform: rotate(111.6deg);

  -o-transform: rotate(111.6deg);

  transform: rotate(111.6deg);
}

.MobilePage .c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);

  -moz-transform: rotate(115.2deg);

  -ms-transform: rotate(115.2deg);

  -o-transform: rotate(115.2deg);

  transform: rotate(115.2deg);
}

.MobilePage .c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);

  -moz-transform: rotate(118.8deg);

  -ms-transform: rotate(118.8deg);

  -o-transform: rotate(118.8deg);

  transform: rotate(118.8deg);
}

.MobilePage .c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);

  -moz-transform: rotate(122.4deg);

  -ms-transform: rotate(122.4deg);

  -o-transform: rotate(122.4deg);

  transform: rotate(122.4deg);
}

.MobilePage .c100.p35 .bar {
  -webkit-transform: rotate(126deg);

  -moz-transform: rotate(126deg);

  -ms-transform: rotate(126deg);

  -o-transform: rotate(126deg);

  transform: rotate(126deg);
}

.MobilePage .c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);

  -moz-transform: rotate(129.6deg);

  -ms-transform: rotate(129.6deg);

  -o-transform: rotate(129.6deg);

  transform: rotate(129.6deg);
}

.MobilePage .c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);

  -moz-transform: rotate(133.2deg);

  -ms-transform: rotate(133.2deg);

  -o-transform: rotate(133.2deg);

  transform: rotate(133.2deg);
}

.MobilePage .c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);

  -moz-transform: rotate(136.8deg);

  -ms-transform: rotate(136.8deg);

  -o-transform: rotate(136.8deg);

  transform: rotate(136.8deg);
}

.MobilePage .c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);

  -moz-transform: rotate(140.4deg);

  -ms-transform: rotate(140.4deg);

  -o-transform: rotate(140.4deg);

  transform: rotate(140.4deg);
}

.MobilePage .c100.p40 .bar {
  -webkit-transform: rotate(144deg);

  -moz-transform: rotate(144deg);

  -ms-transform: rotate(144deg);

  -o-transform: rotate(144deg);

  transform: rotate(144deg);
}

.MobilePage .c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);

  -moz-transform: rotate(147.6deg);

  -ms-transform: rotate(147.6deg);

  -o-transform: rotate(147.6deg);

  transform: rotate(147.6deg);
}

.MobilePage .c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);

  -moz-transform: rotate(151.2deg);

  -ms-transform: rotate(151.2deg);

  -o-transform: rotate(151.2deg);

  transform: rotate(151.2deg);
}

.MobilePage .c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);

  -moz-transform: rotate(154.8deg);

  -ms-transform: rotate(154.8deg);

  -o-transform: rotate(154.8deg);

  transform: rotate(154.8deg);
}

.MobilePage .c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);

  -moz-transform: rotate(158.4deg);

  -ms-transform: rotate(158.4deg);

  -o-transform: rotate(158.4deg);

  transform: rotate(158.4deg);
}

.MobilePage .c100.p45 .bar {
  -webkit-transform: rotate(162deg);

  -moz-transform: rotate(162deg);

  -ms-transform: rotate(162deg);

  -o-transform: rotate(162deg);

  transform: rotate(162deg);
}

.MobilePage .c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);

  -moz-transform: rotate(165.6deg);

  -ms-transform: rotate(165.6deg);

  -o-transform: rotate(165.6deg);

  transform: rotate(165.6deg);
}

.MobilePage .c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);

  -moz-transform: rotate(169.2deg);

  -ms-transform: rotate(169.2deg);

  -o-transform: rotate(169.2deg);

  transform: rotate(169.2deg);
}

.MobilePage .c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);

  -moz-transform: rotate(172.8deg);

  -ms-transform: rotate(172.8deg);

  -o-transform: rotate(172.8deg);

  transform: rotate(172.8deg);
}

.MobilePage .c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);

  -moz-transform: rotate(176.4deg);

  -ms-transform: rotate(176.4deg);

  -o-transform: rotate(176.4deg);

  transform: rotate(176.4deg);
}

.MobilePage .c100.p50 .bar {
  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);
}

.MobilePage .c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);

  -moz-transform: rotate(183.6deg);

  -ms-transform: rotate(183.6deg);

  -o-transform: rotate(183.6deg);

  transform: rotate(183.6deg);
}

.MobilePage .c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);

  -moz-transform: rotate(187.2deg);

  -ms-transform: rotate(187.2deg);

  -o-transform: rotate(187.2deg);

  transform: rotate(187.2deg);
}

.MobilePage .c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);

  -moz-transform: rotate(190.8deg);

  -ms-transform: rotate(190.8deg);

  -o-transform: rotate(190.8deg);

  transform: rotate(190.8deg);
}

.MobilePage .c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);

  -moz-transform: rotate(194.4deg);

  -ms-transform: rotate(194.4deg);

  -o-transform: rotate(194.4deg);

  transform: rotate(194.4deg);
}

.MobilePage .c100.p55 .bar {
  -webkit-transform: rotate(198deg);

  -moz-transform: rotate(198deg);

  -ms-transform: rotate(198deg);

  -o-transform: rotate(198deg);

  transform: rotate(198deg);
}

.MobilePage .c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);

  -moz-transform: rotate(201.6deg);

  -ms-transform: rotate(201.6deg);

  -o-transform: rotate(201.6deg);

  transform: rotate(201.6deg);
}

.MobilePage .c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);

  -moz-transform: rotate(205.2deg);

  -ms-transform: rotate(205.2deg);

  -o-transform: rotate(205.2deg);

  transform: rotate(205.2deg);
}

.MobilePage .c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);

  -moz-transform: rotate(208.8deg);

  -ms-transform: rotate(208.8deg);

  -o-transform: rotate(208.8deg);

  transform: rotate(208.8deg);
}

.MobilePage .c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);

  -moz-transform: rotate(212.4deg);

  -ms-transform: rotate(212.4deg);

  -o-transform: rotate(212.4deg);

  transform: rotate(212.4deg);
}

.MobilePage .c100.p60 .bar {
  -webkit-transform: rotate(216deg);

  -moz-transform: rotate(216deg);

  -ms-transform: rotate(216deg);

  -o-transform: rotate(216deg);

  transform: rotate(216deg);
}

.MobilePage .c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);

  -moz-transform: rotate(219.6deg);

  -ms-transform: rotate(219.6deg);

  -o-transform: rotate(219.6deg);

  transform: rotate(219.6deg);
}

.MobilePage .c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);

  -moz-transform: rotate(223.2deg);

  -ms-transform: rotate(223.2deg);

  -o-transform: rotate(223.2deg);

  transform: rotate(223.2deg);
}

.MobilePage .c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);

  -moz-transform: rotate(226.8deg);

  -ms-transform: rotate(226.8deg);

  -o-transform: rotate(226.8deg);

  transform: rotate(226.8deg);
}

.MobilePage .c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);

  -moz-transform: rotate(230.4deg);

  -ms-transform: rotate(230.4deg);

  -o-transform: rotate(230.4deg);

  transform: rotate(230.4deg);
}

.MobilePage .c100.p65 .bar {
  -webkit-transform: rotate(234deg);

  -moz-transform: rotate(234deg);

  -ms-transform: rotate(234deg);

  -o-transform: rotate(234deg);

  transform: rotate(234deg);
}

.MobilePage .c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);

  -moz-transform: rotate(237.6deg);

  -ms-transform: rotate(237.6deg);

  -o-transform: rotate(237.6deg);

  transform: rotate(237.6deg);
}

.MobilePage .c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);

  -moz-transform: rotate(241.2deg);

  -ms-transform: rotate(241.2deg);

  -o-transform: rotate(241.2deg);

  transform: rotate(241.2deg);
}

.MobilePage .c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);

  -moz-transform: rotate(244.8deg);

  -ms-transform: rotate(244.8deg);

  -o-transform: rotate(244.8deg);

  transform: rotate(244.8deg);
}

.MobilePage .c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);

  -moz-transform: rotate(248.4deg);

  -ms-transform: rotate(248.4deg);

  -o-transform: rotate(248.4deg);

  transform: rotate(248.4deg);
}

.MobilePage .c100.p70 .bar {
  -webkit-transform: rotate(252deg);

  -moz-transform: rotate(252deg);

  -ms-transform: rotate(252deg);

  -o-transform: rotate(252deg);

  transform: rotate(252deg);
}

.MobilePage .c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);

  -moz-transform: rotate(255.6deg);

  -ms-transform: rotate(255.6deg);

  -o-transform: rotate(255.6deg);

  transform: rotate(255.6deg);
}

.MobilePage .c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);

  -moz-transform: rotate(259.2deg);

  -ms-transform: rotate(259.2deg);

  -o-transform: rotate(259.2deg);

  transform: rotate(259.2deg);
}

.MobilePage .c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);

  -moz-transform: rotate(262.8deg);

  -ms-transform: rotate(262.8deg);

  -o-transform: rotate(262.8deg);

  transform: rotate(262.8deg);
}

.MobilePage .c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);

  -moz-transform: rotate(266.4deg);

  -ms-transform: rotate(266.4deg);

  -o-transform: rotate(266.4deg);

  transform: rotate(266.4deg);
}

.MobilePage .c100.p75 .bar {
  -webkit-transform: rotate(270deg);

  -moz-transform: rotate(270deg);

  -ms-transform: rotate(270deg);

  -o-transform: rotate(270deg);

  transform: rotate(270deg);
}

.MobilePage .c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);

  -moz-transform: rotate(273.6deg);

  -ms-transform: rotate(273.6deg);

  -o-transform: rotate(273.6deg);

  transform: rotate(273.6deg);
}

.MobilePage .c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);

  -moz-transform: rotate(277.2deg);

  -ms-transform: rotate(277.2deg);

  -o-transform: rotate(277.2deg);

  transform: rotate(277.2deg);
}

.MobilePage .c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);

  -moz-transform: rotate(280.8deg);

  -ms-transform: rotate(280.8deg);

  -o-transform: rotate(280.8deg);

  transform: rotate(280.8deg);
}

.MobilePage .c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);

  -moz-transform: rotate(284.4deg);

  -ms-transform: rotate(284.4deg);

  -o-transform: rotate(284.4deg);

  transform: rotate(284.4deg);
}

.MobilePage .c100.p80 .bar {
  -webkit-transform: rotate(288deg);

  -moz-transform: rotate(288deg);

  -ms-transform: rotate(288deg);

  -o-transform: rotate(288deg);

  transform: rotate(288deg);
}

.MobilePage .c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);

  -moz-transform: rotate(291.6deg);

  -ms-transform: rotate(291.6deg);

  -o-transform: rotate(291.6deg);

  transform: rotate(291.6deg);
}

.MobilePage .c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);

  -moz-transform: rotate(295.2deg);

  -ms-transform: rotate(295.2deg);

  -o-transform: rotate(295.2deg);

  transform: rotate(295.2deg);
}

.MobilePage .c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);

  -moz-transform: rotate(298.8deg);

  -ms-transform: rotate(298.8deg);

  -o-transform: rotate(298.8deg);

  transform: rotate(298.8deg);
}

.MobilePage .c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);

  -moz-transform: rotate(302.4deg);

  -ms-transform: rotate(302.4deg);

  -o-transform: rotate(302.4deg);

  transform: rotate(302.4deg);
}

.MobilePage .c100.p85 .bar {
  -webkit-transform: rotate(306deg);

  -moz-transform: rotate(306deg);

  -ms-transform: rotate(306deg);

  -o-transform: rotate(306deg);

  transform: rotate(306deg);
}

.MobilePage .c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);

  -moz-transform: rotate(309.6deg);

  -ms-transform: rotate(309.6deg);

  -o-transform: rotate(309.6deg);

  transform: rotate(309.6deg);
}

.MobilePage .c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);

  -moz-transform: rotate(313.2deg);

  -ms-transform: rotate(313.2deg);

  -o-transform: rotate(313.2deg);

  transform: rotate(313.2deg);
}

.MobilePage .c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);

  -moz-transform: rotate(316.8deg);

  -ms-transform: rotate(316.8deg);

  -o-transform: rotate(316.8deg);

  transform: rotate(316.8deg);
}

.MobilePage .c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);

  -moz-transform: rotate(320.4deg);

  -ms-transform: rotate(320.4deg);

  -o-transform: rotate(320.4deg);

  transform: rotate(320.4deg);
}

.MobilePage .c100.p90 .bar {
  -webkit-transform: rotate(324deg);

  -moz-transform: rotate(324deg);

  -ms-transform: rotate(324deg);

  -o-transform: rotate(324deg);

  transform: rotate(324deg);
}

.MobilePage .c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);

  -moz-transform: rotate(327.6deg);

  -ms-transform: rotate(327.6deg);

  -o-transform: rotate(327.6deg);

  transform: rotate(327.6deg);
}

.MobilePage .c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);

  -moz-transform: rotate(331.2deg);

  -ms-transform: rotate(331.2deg);

  -o-transform: rotate(331.2deg);

  transform: rotate(331.2deg);
}

.MobilePage .c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);

  -moz-transform: rotate(334.8deg);

  -ms-transform: rotate(334.8deg);

  -o-transform: rotate(334.8deg);

  transform: rotate(334.8deg);
}
.type_Substitute .type_name span.sout {
  color: #9b9b9be6 !important;
  font-weight: 500 !important;
}
.type_Substitute .type_name span.sin {
  font-weight: 500 !important;
  color: #fff;
}
.MobilePage .c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);

  -moz-transform: rotate(338.4deg);

  -ms-transform: rotate(338.4deg);

  -o-transform: rotate(338.4deg);

  transform: rotate(338.4deg);
}

.MobilePage .c100.p95 .bar {
  -webkit-transform: rotate(342deg);

  -moz-transform: rotate(342deg);

  -ms-transform: rotate(342deg);

  -o-transform: rotate(342deg);

  transform: rotate(342deg);
}

.MobilePage .c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);

  -moz-transform: rotate(345.6deg);

  -ms-transform: rotate(345.6deg);

  -o-transform: rotate(345.6deg);

  transform: rotate(345.6deg);
}

.MobilePage .c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);

  -moz-transform: rotate(349.2deg);

  -ms-transform: rotate(349.2deg);

  -o-transform: rotate(349.2deg);

  transform: rotate(349.2deg);
}

.MobilePage .c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);

  -moz-transform: rotate(352.8deg);

  -ms-transform: rotate(352.8deg);

  -o-transform: rotate(352.8deg);

  transform: rotate(352.8deg);
}

.MobilePage .c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);

  -moz-transform: rotate(356.4deg);

  -ms-transform: rotate(356.4deg);

  -o-transform: rotate(356.4deg);

  transform: rotate(356.4deg);
}

.MobilePage .c100.p100 .bar {
  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);
}

.MobilePage .c100:hover {
  cursor: default;
}

.MobilePage .c100:hover > span {
  width: 3.33em;

  line-height: 3.33em;

  font-size: 0.3em;

  color: #307bbb;
}

.MobilePage .c100:hover:after {
  top: 0.04em;

  left: 0.04em;

  width: 0.92em;

  height: 0.92em;
}

.MobilePage .c100.dark {
  background-color: #07326c;
}

.MobilePage .c100.dark .bar,
.MobilePage .MobilePage .c100.dark .fill {
  border-color: #c6ff00 !important;
}

.MobilePage .c100.dark > span {
  color: #777777;
}

.MobilePage .c100.dark:after {
  background-color: #666666;
}

.MobilePage .c100.dark:hover > span {
  color: #c6ff00;
}

.MobilePage .c100.green .bar,
.MobilePage .c100.green .fill {
  border-color: #4db53c !important;
}

.MobilePage .c100.green:hover > span {
  color: #4db53c;
}

.MobilePage .c100.green.dark .bar,
.MobilePage .c100.green.dark .fill {
  border-color: #5fd400 !important;
}

.MobilePage .c100.green.dark:hover > span {
  color: #5fd400;
}

.MobilePage .c100.orange .bar,
.MobilePage .c100.orange .fill {
  border-color: #dd9d22 !important;
}

.MobilePage .c100.orange:hover > span {
  color: #dd9d22;
}

.MobilePage .c100.orange.dark .bar,
.MobilePage .c100.orange.dark .fill {
  border-color: #e08833 !important;
}

.MobilePage .c100.orange.dark:hover > span {
  color: #e08833;
}

/*====== style for head to head section ======*/

.MobilePage section.hd-dff {
  box-sizing: border-box;

  padding: 100px 0px;

  position: relative;

  background: url(https://www.social442.com/public/bg-head-to-head.jpg)
    no-repeat;

  background-size: cover;

  background-position: 0% 100%;
}

.MobilePage section.hd-dff::before {
  background: #1289de;

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0.86;
}

.MobilePage section.hd-dff .page-wrapper {
  position: relative;
}

.MobilePage ul.fd-fs {
  list-style: none;

  padding: 0;

  margin: 50px 0;

  display: inline-block;

  width: 100%;
}

.MobilePage ul.fd-fs li {
  display: inline-block;
}

.MobilePage ul.fd-fs li a {
  display: block;

  color: #fff;

  text-decoration: none;

  font-size: 18px;

  font-weight: 400;
}

.MobilePage ul.fd-fs li.active a {
  font-size: 22px;

  font-weight: 600;
}

.MobilePage ul.fd-fs li:not(:last-child) {
  margin-right: 42px;
}

.MobilePage .grid-box-row-3 {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.MobilePage .max-df {
  display: flex;

  width: 100%;
}

.MobilePage .max-df a {
  display: flex;

  align-items: center;

  width: 100%;

  text-decoration: none;
}

.MobilePage .max-df figure {
  padding: 0;

  margin: 0;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) {
  width: 33.33%;
}

.MobilePage .grid-box-clumn-3 {
  width: 33.33%;
}

.MobilePage h2.nam-bb-d {
  margin: 0;

  font-size: 46px;

  color: #fff;

  line-height: 52px;

  font-weight: 600;
}

.MobilePage .max-fxt {
  margin: 80px 0 60px;
}

.MobilePage span.lt-d {
  font-size: 20px;

  color: #9bdbf3;

  font-weight: 500;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) .max-df {
  justify-content: center;
}

.MobilePage .grid-box-clumn-3:first-of-type .max-df a {
  justify-content: flex-end;
}

.MobilePage .grid-box-clumn-3:first-of-type a figure {
  margin-left: 15px;
}

.MobilePage .grid-box-clumn-3:first-of-type .max-df a span.lt-d {
  float: right;
}

.MobilePage .grid-box-clumn-3:last-of-type figure {
  margin-right: 15px;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) .max-df a {
  width: auto;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) .max-df a:first-of-type {
  margin-right: 7px;
}

.MobilePage .grid--layout--col-3 {
  display: flex;

  justify-content: space-between;
}

.MobilePage .grid---clounm-3 {
  width: 30%;
}

.MobilePage .grid---clounm-3:nth-of-type(2) {
  width: 75%;

  margin: 0 25px;
}

.MobilePage .sd-dff-s {
  background: #fff;

  border-radius: 6px;

  min-height: 497px;
}

.MobilePage .sd-dff-s-middle {
  background: #002563;

  border-radius: 6px;

  box-sizing: border-box;

  padding: 40px 0px;
}

.MobilePage .sd-dff-s {
  background: #fff;

  border-radius: 6px;
}

.MobilePage h4.gop-ttl {
  text-align: center;

  margin: 0;

  font-size: 14px;

  color: #6f798d;

  text-transform: uppercase;

  font-weight: 700;
}

.MobilePage h4.gop-ttl img {
  margin-right: 5px;

  vertical-align: middle;
}

.MobilePage .grop-counter {
  box-sizing: border-box;

  margin: 0;

  padding: 20px 10px;
}

.MobilePage span.hr-divider {
  display: block;

  height: 36px;

  background: #f2f2f2;
}

.MobilePage .sd-dff-s span.hr-divider:first-of-type {
  border-radius: 6px 6px 0px 0px;
}

.MobilePage ul.listble {
  list-style: none;

  margin: 15px 0 0;

  padding: 0;
}

.MobilePage ul.listble li {
  display: flex;

  justify-content: space-between;

  padding: 5px;

  align-items: center;
}

.MobilePage span.s-ds {
  font-size: 15px;

  color: #7888a0;

  font-weight: 500;
}

.MobilePage span.s-ds img {
  vertical-align: middle;

  margin-right: 5px;
}

.MobilePage li.data-cou-rr-c {
  display: flex;

  align-items: center;

  justify-content: center;
}

.MobilePage ul.rr-cods {
  list-style: none;

  margin: 35px auto;

  padding: 0;

  width: 100%;

  max-width: 332px;
}

.MobilePage li.data-cou-rr-c {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 15px;
}

.MobilePage span.counte-hdnh,
.MobilePage span.md-f {
  font-size: 16px;

  color: #768eb6;

  font-weight: 500;
}

.MobilePage ul.val-b-ud {
  list-style: none;

  margin: 0 auto;

  padding: 0;

  max-width: 300px;
}

.MobilePage span.mf {
  color: #fff;

  font-size: 16px;

  font-weight: 600;
}

.MobilePage ul.val-b-ud li {
  display: flex;

  justify-content: space-between;

  margin-bottom: 15px;
}

.MobilePage .counter-goals {
  display: flex;

  justify-content: space-between;

  max-width: 380px;

  margin: auto;

  align-items: center;
}

.MobilePage span.gol-tt {
  font-size: 24px;

  color: #c7d1e2;
}

.MobilePage span.d-sp {
  color: #fff;

  font-size: 32px;

  font-weight: 700;
}

.MobilePage span.mtr-st {
  font-size: 11px;

  font-weight: 700;

  color: #fff;

  text-align: center;

  min-width: 35px;

  padding: 4px 8px;

  box-sizing: border-box;

  border-radius: 3px;
}

.MobilePage span.mtr-st.cl-wk {
  background: #ca1e25;
}

.MobilePage span.mtr-st.cl-st {
  background: #88b845;
}

.MobilePage span.mtr-st.cl-vs {
  background: #35ab52;
}

.MobilePage span.hr-divider:last-of-type {
  border-top: 1px solid #e0e1e1b0;
}

.MobilePage span.mtr-st.cl-st {
  background: #e47938;
}

/*==== style for match page =====*/

.MobilePage .top--section {
  border-radius: 0;

  height: auto;
}

.MobilePage img.sc--inser--e {
  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  border-radius: 7px;

  left: 0;

  top: 0;
}

.MobilePage .card--ops {
  display: flex;

  flex-wrap: nowrap;

  flex-flow: row;

  width: 100%;

  max-width: 320px;

  justify-content: space-between;

  align-items: center;
}

.MobilePage .card--column {
  display: flex;

  flex: 1 1;
}

.MobilePage a.btn---medium {
  box-sizing: border-box;

  display: inline-block;

  padding: 10px 20px;

  text-decoration: none;

  text-align: center;

  border: 1px solid;

  border-radius: 6px;

  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

  font-size: 12px;

  font-weight: 600;

  background: #012064;
}

.MobilePage a.bet-btn:hover {
  background: #fff;

  color: #012064;
}

.MobilePage a.btn---medium.danger:hover {
  background: #012064;

  color: #fff;
}

.MobilePage a.btn---medium.danger {
  background: #fff;

  color: #012064;

  /* margin-left: 5px; */

  font-weight: 700;
  padding: 10px 29px;
}

.danger.stream-btn > i {
  margin-left: 2px;
}

.MobilePage div#teams-stat-slider .texm-sl span img {
  width: 25px;

  vertical-align: middle;

  height: 25px;

  object-fit: contain;
}

.MobilePage figure.ops-ps {
  margin: 0;
}

.MobilePage figure.ops-ps img {
  width: 30px;

  height: 30px;

  object-fit: contain;
}

.MobilePage h1.sc--tls {
  margin: 15px 0 0;

  padding: 0;

  color: #fff;

  font-weight: 700;

  font-size: 22px;

  overflow: hidden;

  text-overflow: ellipsis;
}

.MobilePage span.sp-ttrf {
  height: auto;

  opacity: 0.7;

  font-family: Montserrat;

  font-size: 12px;

  font-weight: normal;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  color: #fff;

  margin: 15px 0px;

  display: block;
}

.MobilePage .fllex-row--2 {
  display: flex;

  flex-flow: row;

  justify-content: space-between;
}

.MobilePage .flex-colum.sidebar {
  width: 100%;

  max-width: 320px;
}

.MobilePage .flex-colum.sidebar .grid--layout-two-third {
  width: 100%;
}

.MobilePage .flex--column.maim-box {
  width: 100%;

  max-width: 825px;
}

.MobilePage .grid--clumn-one {
  box-sizing: border-box;

  width: 100%;

  padding: 30px;
}

.MobilePage span.marker {
  display: block;

  font-size: 22px;

  font-weight: 700;
}

.MobilePage span.marker.blu {
  color: #ffffff;
}

.MobilePage span.marker.ylo {
  color: #ffffff;
}

.MobilePage .flexx-s {
  display: flex;

  justify-content: space-between;

  flex-flow: row;

  align-items: center;
}

.MobilePage span.tema-po {
  display: flex;

  align-items: center;

  justify-content: flex-start;

  font-size: 18px;

  font-weight: 600;

  color: #fff;
}

.MobilePage .value-welle {
  width: 120px;

  height: 120px;

  border: 30px solid #36c6fd;

  border-radius: 100%;

  position: relative;
}

.MobilePage span.tema-po img {
  max-width: 40px;

  margin-right: 10px;
}

.MobilePage div#home-team-fomation-player-data-last .home-formation {
  width: 100%;
}

.MobilePage div#away-team-fomation-player-data-last .away-formation {
  width: 100%;
}

.MobilePage img.formation_pitch {
  width: 100%;
}

.MobilePage div#form-lineup-custom {
  position: relative;

  width: 100%;

  height: 100%;
}

.MobilePage .formation_4-4-2 div[class^="player"] {
  position: absolute;
}

.MobilePage span.p--rating {
  display: block;

  text-align: center;

  width: 50px;

  height: 35px;

  background: #fff;

  border-radius: 32px;

  line-height: 35px;

  color: #012064;

  font-size: 16px;

  font-weight: 600;

  margin: auto auto 10px;
}

.MobilePage span.player-name a {
  text-decoration: none;

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  opacity: 0.6;
}

.MobilePage .away_formation_4-4-2 div[class^="player"] {
  position: absolute;
}

.MobilePage div[class^="player_"] img {
  display: none;
}

.MobilePage .margin-t--10 {
  top: -15px;
}

.MobilePage h2.fram-titl.flex--card-l {
  display: flex;

  justify-content: center;

  align-items: center;
}

.MobilePage h2.fram-titl.flex--card-l img {
  vertical-align: middle;

  margin: 0 2px;

  max-width: unset;

  height: 20px;

  width: 20px;

  object-fit: contain;
}

.MobilePage .sa--footer {
  display: flex;

  justify-content: center;

  border-top: 1px solid #ffffff1c;

  margin-top: -3px;

  box-sizing: border-box;

  padding: 25px 35px;
}

.MobilePage .as--footer-action {
  width: 100%;

  text-align: center;
}

.MobilePage .flex-card-la-2 {
  display: flex;

  flex-flow: row;

  flex-wrap: wrap;

  justify-content: center;

  box-sizing: border-box;

  padding: 30px 20px;
}
@media screen and (min-width: 768px) {
  .formation_seen_1 .flex-card-la-2 {
    padding: 10px 20px !important;
  }
  .formation_seen_1
    #section-stats
    .match_season_stats_parent
    > :nth-child(1)
    .match_post_heading {
    margin-top: 15px !important;
  }
  .formation_seen_1 .match-goal-timeline .match_before_half .single-match-item {
    padding-top: 14px !important;
  }
  .formation_seen_1 div#live-match-data-backup-div ul.soccer-club-logos {
    padding-top: 6px !important;
  }
  .formation_seen_1 .cb_lineups-wrapper .cb_tabs_lineups {
    margin-top: 20px !important;
  }
  #section-stats .match_post_heading.match_after_stats_type {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 500px) {
  .formation_seen_1 .flex-card-la-2 {
    padding: 5px 20px !important;
  }
  .formation_seen_1
    #section-stats
    .match_season_stats_parent
    > :nth-child(1)
    .match_post_heading {
    margin-top: 8px !important;
  }
  .formation_seen_1 .match-goal-timeline .match_before_half .single-match-item {
    padding-top: 7px !important;
  }
  .formation_seen_1 div#live-match-data-backup-div ul.soccer-club-logos {
    padding-top: 3px !important;
  }
  .formation_seen_1 .cb_lineups-wrapper .cb_tabs_lineups {
    margin-top: 10px !important;
  }
  .formation_seen_1 .section-wrapper > .flex--column {
    margin-top: 8px;
  }
  .formation_seen_1
    #section-stats
    .match_season_stats_parent
    > :nth-child(1)
    .match_post_heading.match_after_stats_type {
    margin-top: 35px !important;
  }
}

.MobilePage .grid--card--box.column-2 .card--box-header.bg-ac-b.bg-ac-blue {
  background: #0e2d6d;
}

.MobilePage .grid--card--box.column-2 {
  min-height: auto;

  width: 100%;

  box-sizing: border-box;
}

.MobilePage ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.MobilePage .low-height h2 {
  height: 70px !important;
}

.MobilePage .low-height span.cc-pp-r {
  display: block;

  width: 100%;

  text-align: center;
}

.MobilePage span.team-re {
  display: block;

  text-align: center;

  margin-top: 20px;
}

.MobilePage span.team-re img {
  max-width: 40px;

  margin-bottom: 30px;
}

.MobilePage .sp--tl {
  display: block;

  width: 100%;

  text-align: center;
}

.MobilePage .grid--card--box.comment-box {
  height: 75px;

  min-height: auto;
}

.MobilePage form#comment-form input[type="text"] {
  background: transparent;

  border: none;

  width: 100%;

  height: 75px;

  box-sizing: border-box;

  border-radius: 8px;

  padding: 0px 20px;

  color: #fff;

  margin: 0;

  outline: none;

  font-size: 16px;

  font-family: Montserrat;
}

.MobilePage form#comment-form input[type="text"]::placeholder {
  color: #fff;
}

.MobilePage .ass-sub--tt {
  display: flex;

  flex-flow: row;

  padding: 15px 0px;

  font-size: 18px;

  margin-bottom: 30px;

  color: #9b9b9b;
}

.MobilePage .ass-sub--tt span {
  padding: 0px 5px;
}

.MobilePage h3.ccl--tt {
  font-size: 50px;

  font-weight: 400;

  color: #0e2d6d;

  margin: 0;

  line-height: 60px;
}

.MobilePage .posded {
  position: relative;

  width: 100%;

  height: 100%;
}

.MobilePage .as---posd {
  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;
}

.MobilePage .l-full {
  width: 100%;

  padding-top: 30px;

  padding-bottom: 30px;

  border: none;
}

.MobilePage .l-full.mrgin--10 {
  margin-top: -35px;
}

.MobilePage .formation_4-2-3-1 div[class^="player"] {
  position: absolute;
}

.MobilePage .home-formation.full-width {
  width: 100%;
}

.MobilePage span.cc-pp-r.align-center {
  display: block;

  text-align: center;
}

.MobilePage .progress-circle {
  position: relative;

  display: inline-block;

  margin: 1rem;

  width: 205px;

  height: 200px;

  border-radius: 50%;

  background-color: #ebebeb;
}

.MobilePage .progress-circle:after {
  content: "";

  display: inline-block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  -webkit-animation: colorload 2s;

  animation: colorload 2s;
}

.MobilePage .progress-circle span {
  font-size: 1rem;

  color: #fff;

  position: absolute;

  left: 50%;

  top: 50%;

  display: block;

  width: 120px;

  height: 120px;

  line-height: 120px;

  margin-left: -60px;

  margin-top: -60px;

  text-align: center;

  border-radius: 50%;

  background: #fff;

  z-index: 1;
}

.MobilePage .progress-circle.progress-70:after {
  background-image:
    linear-gradient(-18deg, #36c6fd 50%, transparent 50%, transparent),
    linear-gradient(270deg, #36c6fd 50%, #edbb00 50%, #edbb00);
}

.MobilePage .team-player-data-wrap div {
  border-radius: 5.1px;

  background-color: #0e2d6d;

  padding: 10px 12px;

  margin-bottom: 10px;

  font-family: Montserrat;

  font-size: 14px;

  font-weight: normal;

  color: white;

  display: flex;

  align-items: center;
}

.MobilePage .team-player-data-wrap div > span {
  font-family: Montserrat;

  font-size: 13.8px;

  font-weight: normal;

  color: #519f19;

  vertical-align: middle;

  margin-right: 8px;
}

.MobilePage .sea-cont > div > h3 {
  color: white;

  font-family: Montserrat;

  font-size: 15px;

  font-weight: normal;

  margin-bottom: 5px;
}

.MobilePage .flex-row--default-col-3 {
  display: flex;

  justify-content: space-between;

  flex-flow: row;
}

.MobilePage ul.season-listing li {
  position: relative;

  background: #0e2d6d;

  border-radius: 4px;

  margin-bottom: 10px;
}

.MobilePage ul.season-listing li .player-image img {
  width: 22px !important;

  height: 22px !important;

  object-fit: cover;
}

.MobilePage .card--layout-content div#left-side-season-state,
.MobilePage .card--layout-content div#right-side-season-state {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.MobilePage .card--layout-content ul.right-ul-match-report span {
  font-size: 11px;
}

.MobilePage ul.middle-ul-match-report li {
  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.MobilePage .card--layout-content .season-state li {
  color: #ffffffad;

  font-size: 11px;
}

.MobilePage .card--layout-content .right-ul-match-report li {
  border-radius: 0px 4px 4px 0px;

  min-width: 70px;

  justify-content: center;

  text-align: center;

  font-size: 14px;
}

.MobilePage .row--row---3 {
  margin-bottom: 30px;
}

.MobilePage .col-flx---3 {
  display: flex;

  flex-flow: column;

  width: 100%;

  max-width: 280px;

  background: #012064;

  border-radius: 8px;
}

.MobilePage .col-flx---3 div[class^="grid--layout"] {
  width: 100%;
}

.MobilePage .col-flx---3 .flex-card-la-2 {
  padding: 0;
}

.MobilePage .col-flx---3 .grid--card--box.column-2 {
  padding: 0;

  max-width: 100%;
}

.MobilePage .col-flx---3 .news-home-section-wrap-tommorrow ul {
  padding: 0px;
}

.MobilePage .col-flx---3 .news-home-section-wrap-tommorrow {
  border: none;
}

.MobilePage span[class^="cc-pp-r"] {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.MobilePage span[class^="cc-pp-r"] .team-logo {
  width: 42px;

  height: 42px;
}

.MobilePage span[class^="cc-pp-r"] .team-logo img {
  width: 25px;

  height: 25px;

  object-fit: contain;
}

.MobilePage .grid--card--box.column-2 div[class*="tommorrow"] {
  padding: 0;

  border: none;
}

.MobilePage .grid--card--box.column-2 div[class*="tommorrow"] ul {
  padding: 0;
}

.MobilePage .grid--card--box.column-full div[class*="report-wrap"] {
  width: 100%;

  max-width: 600px;

  margin: auto;

  display: flex;

  align-items: center;

  flex-flow: row;

  flex-wrap: wrap;
}

.MobilePage .grid--card--box.column-full div[class*="report-wrap"] ul li {
  margin: 0 0 12px !important;

  padding: 0;
}

.MobilePage
  .grid--card--box.column-full
  div[class*="report-wrap"]
  li
  span
  span {
  padding: 5px !important;

  font-size: 15px !important;
}

/*======= Animate Css ===========*/

body {
  margin: 0;

  padding: 0;
}

.MobilePage ul.season-listing span {
  margin-left: 0;

  margin-bottom: 0;
}

.MobilePage .content-wrap .header-wrap {
  width: 100%;

  background-repeat: no-repeat;

  background-size: unset;

  position: relative;

  transition: background 500ms ease-in !important;
}

.MobilePage .content-wrap .header-wrap div {
  position: relative;

  z-index: 9;

  max-width: 100%;
}

.MobilePage span.sc--inser--e {
  border-radius: 0;
}

.MobilePage .min-container {
  width: 100%;

  height: 100%;

  background: #0e2d6d;

  position: relative;

  padding-top: 30px;
}

.MobilePage .lds-ripple {
  position: relative;

  margin: auto;
}

.MobilePage .lds-ripple div {
  box-sizing: content-box;

  position: absolute;

  border-width: 4px;

  border-style: solid;

  opacity: 1;

  border-radius: 50%;

  -webkit-animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;

  animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.MobilePage .lds-ripple div:nth-child(1) {
  border-color: #1aafd0;
}

.MobilePage .lds-ripple div:nth-child(2) {
  border-color: #1aafd0;

  -webkit-animation-delay: -0.75s;

  animation-delay: -0.75s;
}

.MobilePage .lds-ripple {
  width: 200px !important;

  height: 200px !important;

  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);

  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/*.card--layout-content span[class^='player'], .MobilePage .away-formation span[class^='player']{

   background: transparent!important;

   box-shadow: none!important;

}

*/

.MobilePage table.pro-league {
  width: 100%;
}

.MobilePage table.pro-league {
  box-sizing: border-box;

  border-collapse: collapse;

  border-radius: 6px;

  display: block;

  overflow: auto;
}

.MobilePage .table-lea-status table tbody {
  background-color: white;

  border-radius: 6px;
}

.MobilePage .league_table_wrap_main table thead tr {
  background-color: #012064;
}

.MobilePage .league_table_wrap_main table thead tr td {
  color: white !important;

  padding: 10px;
}

.MobilePage div#league-table-wrap-match {
  background: transparent;
}

.MobilePage div#league-table-wrap-match .card--box-header {
  display: none;
}

.MobilePage div#league-table-wrap-match .flex-card-la-2 {
  padding: 0;
}

.MobilePage table.pro-league th,
.MobilePage table.pro-league td {
  text-align: center;

  box-sizing: border-box;

  padding: 10px 8px;

  color: #062060;

  font-weight: 400;

  font-size: 14px;
}

.MobilePage table.pro-league img {
  max-width: 23px;

  width: auto;

  height: auto;

  vertical-align: middle;

  margin-right: 5px;

  object-fit: cover;
}

.MobilePage table.pro-league th {
  font-weight: 600;

  color: #fff;

  height: 60px;
}

.MobilePage table.pro-league th:nth-of-type(2),
.MobilePage table.pro-league td:nth-of-type(2) {
  max-width: 150px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  text-align: left;
}

.MobilePage a.club-title,
.MobilePage a.club-title:hover,
.MobilePage a.club-title:link,
.MobilePage a.club-title:visited {
  color: #062060;

  text-decoration: none;
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue {
  border-radius: 0px;
}

.MobilePage .top-section .grid--card--box {
  margin-bottom: 0;
}

.MobilePage .top-section .grid--card--box {
  border-radius: 0;
}

.MobilePage .header-wrap .grid--clumn-one {
  padding: 50px;
}

.MobilePage .team-player-data-wrap {
  padding: 10px;

  width: 100%;

  box-sizing: border-box;

  background-color: transparent;
}

.MobilePage .progress-bar div {
  position: absolute !important;
}

.MobilePage .header-wrap .grid--clumn-one .flexx-s {
  max-width: 1170px;

  margin: auto;
}

.MobilePage .flex--card-2 {
  width: 92%;

  margin: auto;

  padding-top: 110px;
}

.MobilePage .grid--card--box.chances_top_win > div {
  margin: auto;
}

.MobilePage div#league-table-main-all {
  width: 100%;

  max-width: 500px;
}

.MobilePage .content-wrap .top-section {
  background-color: #0e2d6d;

  margin-top: 44px;
}

.MobilePage .content-wrap .header-wrap div.chances_top_win {
  max-width: 1176px;

  margin: auto;

  display: block;

  border-radius: 6px;

  overflow: hidden;

  margin-top: 30px;
}

.MobilePage div#league-table-main-all table tbody tr:nth-child(even) {
  background-color: rgba(230, 230, 230, 0.3);
}

.MobilePage div#league-table-main-all table tbody tr {
  border: none;
}

.MobilePage .sc-tg {
  font-weight: 500 !important;

  color: #062060 !important;
}

.MobilePage h1.sc--tls {
  max-width: 300px;

  white-space: normal;
}

.MobilePage .predition-txt {
  text-align: center;

  padding: 15px;
}

.MobilePage .predition-txt h2.fram-titl {
  height: auto !important;
}

.MobilePage span.tema-po {
  font-size: 10px;

  font-weight: normal;

  color: #ffffff;
}

.MobilePage .predition-txt h2.fram-titl {
  text-align: center;

  align-items: center;

  justify-content: center;
}

.MobilePage .predition-txt h2.fram-titl span.cc-pp-r {
  font-size: 13px;
}

.MobilePage h2.fram-titl.flex--card-l span.align-center {
  font-size: 11px;
}

.MobilePage .lds-css.ng-scope.home-ripple {
  margin-left: 110px;
}

.MobilePage .formation-last-match-record .lds-css.ng-scope {
  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;
}

.MobilePage .fllex-row--2 .flex--column {
  width: 100%;
}

.MobilePage .top-section .position {
  margin: 10px 20px;
}

.MobilePage .top-section .progress-bar {
  height: 200px;

  border-radius: unset;

  width: 200px;
}

.MobilePage .top-section .progress-bar div span {
  height: 144px;

  width: 144px;
}

.MobilePage .automaticfeed_league_table td:first-child {
  padding-left: 5px;

  text-align: center;
}

.MobilePage
  table.automaticfeed_league_table.league_table_one
  tbody
  tr
  th:first-child {
  text-align: center;
}

.MobilePage div#league-table-main-all table tbody tr.other {
  background-color: #36c6fd;
}

.MobilePage div#league-table-main-all table tbody tr.current {
  background-color: #dadada;
}

.MobilePage .content-wrap .header-wrap div.chances_top_win .flexx-s {
  max-width: 775px;
}

.MobilePage span#away-team-percentage {
  text-align: right;
}

.MobilePage span.tema-po.team-away {
  justify-content: flex-end;

  text-align: right;
}

.MobilePage span.sc--inser--e {
  position: absolute;

  width: 100%;

  height: 100%;

  background-size: cover;

  left: 0;

  top: 0;

  background-position: top;
}

.MobilePage .top--section::after {
  content: "";

  /*background-image: url(https://www.social442.com/public/club-new/header/generic-header-image.jpg);*/

  position: absolute;

  top: 0;

  background-position: center;

  bottom: 0;

  max-height: 800px;

  left: 0;

  background-repeat: no-repeat;

  right: 0;

  height: 190px;

  background-size: cover;

  width: 100%;
}

.MobilePage .top--section::before {
  content: "";

  background: url(https://www.social442.com/public/bg_top_loading.png) no-repeat;

  position: absolute;

  width: 100%;

  height: 250px;

  z-index: 1;

  left: 0;

  top: -57px;

  background-size: 845px 860px;

  background-position: -319px -58px;
}

/*------------------------------match-page-style-----------*/

.MobilePage div#section-lineups div.chances_top_win .flexx-s {
  max-width: 270px;

  margin: auto;
}

.MobilePage div#section-lineups .position {
  margin: 10px 20px;
}

.MobilePage
  div#section-lineups
  .chances_top_win
  .grid--layout--2
  .grid--clumn-one {
  padding: 15px 20px;
}

.MobilePage .cb_main_wrap {
  overflow: hidden;

  margin: auto;

  margin-top: -1px;
}

.MobilePage .cb-page-wrapper {
  background-color: #0e2c6a;
}

body .MobilePage .timeline .kickoff_timline {
  text-align: center;

  color: white;

  position: relative;

  font-size: 13px;

  margin-top: 15px;

  z-index: 9;

  background-color: #012063;

  padding: 2px;
}

.MobilePage .live-loading-text {
  text-align: center;

  padding: 0px 0 20px;
}

.MobilePage .full_timline {
  text-align: center;

  color: white;

  margin-top: 15px;

  font-size: 13px;

  margin-bottom: 10px;

  z-index: 99;

  background-color: #012063;

  position: relative;

  padding: 3px;
}

.MobilePage .half_timeline {
  color: white;

  text-align: center;

  margin-top: 25px;

  background-color: #012063;

  position: relative;

  font-size: 13px;

  padding: 3px;

  z-index: 99;
}

.MobilePage .top_header_match {
  background-color: #012063;

  border-radius: 6px 6px 0 0;
}

.MobilePage img.scores_ico {
  height: 26px;

  margin-top: 0px;
}

.MobilePage .seprate-section-live-timeline {
  margin-bottom: 30px;

  border-radius: 6px;

  overflow: hidden;
}

.MobilePage .row--row---3 .col-flx---3 {
  max-width: 100%;

  margin-bottom: 20px;
}

.MobilePage .timeline {
  margin: 0 auto;

  padding-bottom: 0px;

  margin-bottom: 25px;
}

.MobilePage div#section-table .normal-section-next-match-wrap {
  background-color: #012063;

  margin-bottom: 30px;

  border-radius: 6px;

  overflow: hidden;
}

.MobilePage div#section-table .normal-section-next-match-wrap * {
  outline: none;
}

.MobilePage div#section-table .normal-section-next-match-wrap .sc-rte {
  max-width: 100%;

  margin-right: 0;

  min-height: auto !important;
}

.MobilePage div#section-table .normal-section-next-match-wrap .sc-rte h3 img {
  width: 22px;

  vertical-align: middle;

  display: inline-block;

  margin-right: 6px;
}

.MobilePage span[class^="cc-pp-r"] .team-logo {
  width: 35px;

  height: 35px;
}

.MobilePage
  div#section-table
  .normal-section-next-match-wrap
  ul.season-listing
  span {
  margin-left: 0;
}

.MobilePage .slick-dots {
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  justify-content: flex-end;
  display: flex !important;
  top: 0;
  border-radius: 100%;
  bottom: inherit;
  right: 25px !important;
  width: auto;
  height: 80px;
  align-items: center;
}

.MobilePage .slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  margin: 0 2px;
  width: auto;
  height: auto;
  opacity: 0.5;
}

.MobilePage .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  outline: none;
  background: transparent;
  background-color: transparent !important;
  border: 1px solid white !important;
  border-radius: 100%;
  width: 6px;
  padding: 3px;
  height: 6px;
}

.MobilePage ul.slick-dots li.slick-active {
  opacity: 1 !important;
}

.MobilePage li.slick-active button {
  background-color: white !important;
  opacity: 1 !important;
}

.MobilePage
  div#section-table
  table.automaticfeed_league_table.league_table_one {
  width: 100%;
  box-sizing: border-box;
  margin: auto;
  overflow: hidden;
  background-color: white;
  display: table;
  border-radius: 0px 0px 6px 6px;
}

.MobilePage .flex--card-2 .bet-btn {
  color: white;
  background: #36c6fd;
}

.MobilePage div#section-lineups .generic_plyers_list {
  padding: 10px;
}

.MobilePage div#section-table .flex-card-la-2 {
  padding: 10px 10px;
}

.MobilePage div#section-table .sc-rte .sea-cont {
  padding: 10px 0;
}

.MobilePage img.team_logo {
  margin-right: 4px;
  max-height: 16px;
  max-width: 16px;
  vertical-align: middle;
}

.MobilePage table.automaticfeed_league_table {
  border-collapse: collapse;
}

.MobilePage div#section-table {
  margin-bottom: 20px;
}

/*----------------------------------------------------------*/

.MobilePage div#news-section-match-page ul li a.cb_news_lnk h3 {
  font-size: 10px;
  font-weight: normal;
}

.MobilePage div#news-section-match-page ul li {
  background-color: #0e2d6d;
  color: white;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 6px;
}

.MobilePage div#news-section-match-page ul li a.cb_news_lnk {
  height: auto;
  text-decoration: none;
  display: block;
  color: white;
}

.MobilePage .generic_plyers_list li {
  font-size: 10px;
}

.MobilePage .missing-players-away-section-wrap-live .generic_plyers_list li {
  padding-left: 32px !important;
}

.MobilePage .generic_plyers_list li {
  padding-left: 32px !important;
}

.MobilePage .subtitutes-away-section-wrap-live .generic_plyers_list li {
  padding-left: 33px !important;
}

.MobilePage div#section-lineups .generic_plyers_list li span {
  display: inline-block;
}

.MobilePage .team-player-data-wrap div {
  font-size: 11px;
}

.MobilePage .sea-cont > div > h3 {
  font-size: 11px;
  font-weight: bold;
}

.MobilePage .combine-class > ul > li > li {
  font-size: 13px;
}

.MobilePage section#last-match-summary-section span.sp-ttrf {
  color: #9b9b9b;
  opacity: 1 !important;
  margin: 0;
  font-size: 18px;
  line-height: normal;
  height: auto;
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue span.cc-pp-r b {
  margin-right: 7px;
}

.MobilePage section#last-match-summary-section .flex--column.maim-box {
  max-width: 56%;
}

.MobilePage section#last-match-summary-section .flex-colum.sidebar {
  max-width: 41%;
}

.MobilePage span.chjd-.current-state:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #071f64;
  top: 51px;
}

.live-match-stats-formation .as--footer-action ul li {
  padding: 6px 10px;
  padding-bottom: 8px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  border-bottom: 2px solid #012063;
  white-space: nowrap;
  cursor: pointer;
}

.live-match-stats-formation .as--footer-action ul li div {
  text-align: center;
  color: #9b9b9be6;
}

.live-match-stats-formation .as--footer-action ul li div:first-child {
  margin-bottom: 3px;
  margin-top: 10px;
  font-size: 10px;
  white-space: nowrap;
  text-align: center;
  color: #9b9b9be6;
}

.live-match-stats-formation .as--footer-action ul li div span {
  display: inline-block;
  font-size: 10px;
}

.live-match-stats-formation .as--footer-action ul li div span:nth-child(2) {
  margin: 0 3px;
}

.live-match-stats-formation .as--footer-action ul li.active {
  border-bottom: 2px solid #fff;
}

.live-match-stats-formation .as--footer-action ul li.active div {
  color: #fff;
  font-weight: 700;
}

.MobilePage div#main-wrap-missing-section-match span.cc-pp-r {
  height: 50px;
  font-size: 12px;
}

.MobilePage
  div#main-wrap-missing-section-match
  span[class^="cc-pp-r"]
  .team-logo {
  width: 25px;

  height: 25px;

  margin: 0 2px;
}

.MobilePage
  div#missing-players-home-section-live
  > ul
  > li.s442_red_button:first-child {
  display: none;
}

.MobilePage
  div#missing-players-away-section-live
  > ul
  > li.s442_red_button:first-child {
  display: none;
}

.MobilePage .generic_plyers_list li {
  height: auto;

  padding: 15px;

  letter-spacing: 1px;

  font-family: Montserrat;

  font-size: 9px;

  color: white;
}

.MobilePage .generic_plyers_list li .player-image {
  background-color: transparent;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: 10px;
}

.MobilePage .generic_plyers_list div {
  color: white;

  font-family: Montserrat;

  font-size: 9px;

  margin-right: 5px;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;
}

.MobilePage .player-image img {
  width: 22px !important;

  height: 22px !important;

  border-radius: 100%;
}

.MobilePage .home-formation {
  margin-top: 0;

  position: absolute;

  top: 0px;

  width: 100%;

  height: 50%;
}

.MobilePage .away-formation {
  height: 50%;

  top: 50% !important;

  width: 100%;

  position: absolute;

  margin-top: 0;
}

/*.team-logo:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 3px;

    background: #071f64;

    left: 0;

    top: 32px;

}*/

.MobilePage .team-logo {
  position: relative;
}

.MobilePage .team-logo.active:before {
  background: white;

  position: absolute;

  content: "";

  width: 100%;

  height: 3px;

  left: 0;

  top: 34px;
}

.MobilePage div#news-section-match-page ul li:last-child {
  margin-bottom: 0;
}

.MobilePage .automaticfeed_league_table td {
  padding: 6px;

  font-size: 12px;

  text-align: center;
}

.MobilePage section#last-match-summary-section {
  padding: 0 20px;
}

.MobilePage section#last-match-summary-section h2.fram-titl {
  margin-bottom: 0;

  margin-top: 0;

  padding-top: 10px;
}

.MobilePage .middle-ul-match-report li:nth-child(2) {
  padding: 5px;
}

.MobilePage ul.left-ul-match-report li span {
  display: flex !important;

  justify-content: flex-end;
}

.MobilePage ul.left-ul-match-report > li > span > span {
  border-radius: 6px 0px 0px 6px !important;

  display: flex !important;
}

.MobilePage .main-home-away-team-match-report-wrap > ul li span > span {
  font-size: 11px;
}

.MobilePage div#section-lineups .fllex-row--2 .flex--column > div {
  margin-bottom: 20px;
}

.MobilePage div#league-atble-wrap-match {
  margin-bottom: 20px;
}

.MobilePage section#last-match-summary-section .grid--card--box.bg-ac-b {
  margin-bottom: 20px;

  margin-top: 0;
}

.MobilePage .cb-last-match-stats-bottom-wrap .grid--card--box:first-child {
  margin-bottom: 20px;
}

.MobilePage h3.final-score-standing {
  display: none;
}

.MobilePage .main-home-away-team-match-report-wrap {
  display: flex;

  justify-content: space-between;
}

.MobilePage ul.middle-ul-match-report li {
  margin: 18px 0px;
}

.MobilePage .main-home-away-team-match-report-wrap > ul {
  display: block;

  width: 90px;
}

.MobilePage ul.middle-ul-match-report {
  margin: 0 10px;
}

.MobilePage div#season-status-main-wrapper .flex-card-la-2 {
  padding: 10px 20px;
}

.MobilePage .progress-bar {
  position: relative;

  height: 100px;

  border-radius: 100%;

  overflow: hidden;

  width: 100px;
}

.MobilePage .progress-bar div {
  height: 100px;

  width: 100px;
}

.MobilePage div#section-lineups .progress-bar div span {
  height: 95px;

  width: 95px;
}

.MobilePage .chances_top_win h2.fram-titl {
  border-bottom: none !important;
}

.MobilePage .sc-rte ul.season-listing li {
  height: auto;

  justify-content: end;

  padding: 10px 10px 15px;

  align-items: center;
}

.MobilePage
  div#section-table
  .normal-section-next-match-wrap
  ul.season-listing
  span {
  margin-bottom: 0;

  margin-left: 0;
}

.MobilePage .avtar-cicle img {
  width: 27px;

  height: 27px;

  border-radius: 100%;

  object-fit: cover;
}

.MobilePage .sea-cont .avtart-card {
  margin: 0 7px;
}

.MobilePage .sc-rte ul.season-listing li .avtart-card span.season-rating-info {
  top: 21px;

  width: 26px;

  font-size: 8px;

  border-radius: 47px;

  margin-left: 0;

  height: 16px;

  left: 0px;

  line-height: 16px;
}

.MobilePage .content-wrap .header-wrap div.card--ops {
  max-width: 120px;
}

.MobilePage div#teams-stat-slider .sc-rte .se-header h3 {
  opacity: 1;
}

.MobilePage div#teams-stat-slider h2.fram-titl {
  display: flex;

  justify-content: center;

  align-items: center;
}

.MobilePage div#section-table div#teams-stat-slider {
  margin-bottom: 20px;
}

.MobilePage .sc-rte ul.season-listing li:last-child {
  margin-bottom: 0;
}

.MobilePage .normal-section-next-match-wrap ul.slick-dots {
  top: 10px;
}

.MobilePage div#strength-weakness-match-page .flex-card-la-2 {
  justify-content: end;
}

.MobilePage div#home-strength-weakness-season-wrap .column-2 {
  width: 100%;
}

@media (max-width: 345px) {
  .MobilePage .main-home-away-team-match-report-wrap > ul {
    width: 80px;
  }
}

@media (max-width: 330px) {
  .MobilePage h3.clb-t {
    font-size: 16px;
  }

  .MobilePage
    .last-match-stats-section-data-team
    .page-wrapper
    h4.gr-guixd
    span {
    font-size: 10px;
  }
}

.MobilePage div#section-lineups .live-whole-section-wrap {
  margin: 0;
}

.MobilePage div#section-lineups .live-whole-section-wrap {
  margin: 0;

  margin-bottom: 20px !important;
}

.MobilePage .live-whole-section-wrap .tommorrow-match-section {
  margin-top: 0 !important;
}

.MobilePage div.probale-lineups-middle-wrap ul li {
  padding: 5px 0 0;
}

.MobilePage .away-team-logo {
  justify-content: flex-end;
}

.MobilePage .missing-player-section-oneday-wrap .generic_plyers_list {
  padding: 0;
}

.MobilePage
  .live-whole-section-wrap.tomarrow-whole-section-wrap
  .players-section-wrap-global
  .card--box-header
  h2.fram-titl {
  margin-top: 13px;

  margin-bottom: 10px;
}

@media (max-width: 330px) {
  .MobilePage div#section-lineups .position {
    margin: 10px 0px;
  }
}

.MobilePage .soccer-data-heading {
  display: block !important;

  text-align: center;

  padding: 0px !important;

  height: auto !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  color: #fff !important;

  width: 100%;

  box-sizing: border-box;
}

ul.toggle-items.soccer-section-items {
  display: none !important;
}

.MobilePage .soccer-data-heading ul {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100% !important;

  margin-top: 0;

  padding: 20px 0;
}

.MobilePage .soccer-data-heading ul.soccer-club-logos {
  padding: 12px 0;
}

.MobilePage .soccer-data-heading ul li {
  width: 100% !important;

  min-height: auto;

  margin-right: 13px !important;

  color: white;

  padding-top: 0;

  font-weight: normal;
}

.MobilePage .soccer-data-heading ul li:last-child {
  margin-right: 0 !important;
}

.MobilePage .soccer-data-heading .team-logo.active:before {
  top: 31px;
}

.MobilePage .soccer-data-heading ul li.soccer-team-logo {
  width: auto !important;

  margin-right: 10px !important;

  font-size: 0;

  min-width: auto;

  position: relative;
}

.MobilePage .slickslider-section-players .title-card .txt-sl-listing {
  margin-left: 0;

  margin-bottom: 0;
}

.MobilePage div#teams-stat-slider {
  background: transparent;
}

.MobilePage div#teams-stat-slider .normal-player-sections {
  overflow: hidden;

  margin-bottom: 15px;
}

.MobilePage div#teams-stat-slider .normal-player-sections:last-child {
  margin-bottom: 0;
}

/*-0------------------time-line----------------*/

.MobilePage .top_header_match {
  text-align: center;

  padding: 10px 0 6px 0 !important;

  border-bottom: 1px solid #1b3774;

  background-color: #012063;

  border-radius: 6px 6px 0 0;
}

.MobilePage .top_header_match > div {
  display: inline-block;

  vertical-align: top;

  padding: 1px 10px;

  position: relative;

  z-index: 2;

  cursor: pointer;
}

.MobilePage .league_name_started {
  left: 0;

  right: 0;

  text-align: center;

  top: 0;

  font-weight: 600;

  color: #fff;

  font-size: 18px;

  position: relative !important;

  margin-top: 15px;
  letter-spacing: 0.5px;
}

.league_timeline_header {
  margin-top: 25px;
}
.live_vidi_league_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.home_team_logo_wrap {
  width: 50px;
  height: auto;
}
.home_team_logo_wrap img {
  width: 100%;
  height: 100%;
}
.MobilePage .goals_data .cb_live_vidi_content span {
  color: #fff;
  font-weight: 500;
}
.live_vidi_league_wrap .cb_live_vidi_content span {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  padding: 8px;
}
.MobilePage .ft_a {
  margin-bottom: 7px;

  font-size: 15px;

  font-weight: 700;

  color: #fff;
}

.MobilePage .goals_data {
  font-size: 24px;

  vertical-align: bottom;

  color: #fff;

  margin-top: 13px;

  position: relative !important;

  right: 0;

  left: 0;

  text-align: center;
}

.MobilePage .goals_data span {
  padding: 8px;

  font-size: 18px;

  font-weight: 100;
}

.MobilePage .timeline {
  margin: 0 auto;

  padding-bottom: 0px;

  margin-bottom: 25px;
}

.MobilePage .timeline {
  position: relative;

  width: 100%;

  display: block;

  overflow: hidden;
}

.MobilePage .half_timeline {
  color: white;

  text-align: center;

  margin-top: 25px;

  background-color: #012063;

  position: relative;

  padding: 3px;

  z-index: 99;
}

.MobilePage .timeline .right {
  left: 50%;
}

.MobilePage .type_center {
  position: absolute;

  width: 23px;

  height: 23px;

  right: -13px;

  background-color: #f1f1f1;

  border: 2px solid #36c6fd;

  top: 17px;

  border-radius: 50%;

  z-index: 1;

  font-size: 0;
}

.MobilePage .type_center.Card,
.MobilePage .type_center.Substitute {
  width: 21px;

  height: 21px;

  right: -12px;
}

.MobilePage .container_timeline.right .type_center.Card,
.MobilePage .container_timeline.right .type_center.Substitute {
  left: -9px;
}

.MobilePage .container_timeline .type_center.Yellow.Card:before {
  background: #ff0;

  content: "";

  height: 13px;

  width: 8px;

  display: block;

  margin: 3px auto 0 5px;
}

.MobilePage .type_time {
  padding: 3px 8px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  width: auto;
  min-width: 50px;
  text-align: center;
  height: max-content;
  font-weight: 500;
}
.MobilePage .type_Goal .type_time {
  background: red;
}
.type_Substitute .type_name span.sout > i {
  color: red;
}
.type_Substitute .type_name span.sin > i {
  color: #1b8800;
}

.MobilePage .timeline .content {
  padding: 0;
  color: #fff;
  position: relative;
  vertical-align: top;
  display: flex;
}
.MobilePage .timeline .content .type_name_wrap {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.MobilePage .timeline .left .content {
  flex-direction: row-reverse;
}
.MobilePage .timeline .right .content .type_name_wrap {
  padding-left: 20px;
}
.MobilePage .timeline .left .content .type_name_wrap {
  padding-right: 20px;
}
.MobilePage .timeline .right .type_name_wrap {
  justify-content: flex-start;
}
.MobilePage .timeline .type_name_wrap .type_name_detail {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
  display: none;
}

.MobilePage .container_timeline .type_center.Goal {
  background-repeat: no-repeat;

  background-position: center;

  background-size: 15px;
}

.MobilePage .container_timeline.right .type_center {
  left: -10px;
}

.MobilePage .container_timeline.type_Goal .type_name {
  font-size: 11px;
  display: flex;
  flex-direction: column;
}
.MobilePage .container_timeline.type_Goal .type_name {
  color: #fff;
}

.container_timeline.type_Card .type_name {
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-weight: 500;
}
.container_timeline.type_Card .type_name .cbn_player_card {
  position: initial;
  display: inline-block;
  margin-right: 10px;
  width: 14px;
  height: 18px;
}
.container_timeline.type_Card.left .type_name {
  flex-direction: row;
}
.container_timeline.type_Card.left .type_name .cbn_player_card {
  margin-right: 0;
  margin-left: 10px;
}
.MobilePage .container_timeline .type_name span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  line-height: 18px;
}
.MobilePage .container_timeline.right .type_name span {
  justify-content: flex-start;
}
.MobilePage .container_timeline.right .type_name span > i {
  margin-left: 0;
  margin-right: 12px;
}
.type_Substitute .type_name span > i {
  margin-left: 12px;
  font-size: 14px;
}
.timeline .timeline_inside_live {
  position: relative;
}
.timeline_inside_live.timeline_pen_parent::after {
  display: none;
}
.timeline_inside_live::after {
  content: "";
  position: absolute;
  width: 1px;
  top: 16px;
  bottom: 0;
  left: 50%;
  margin-left: 0;
  border-right: 1px dashed #36c6fd;
}
.MobilePage .container_timeline.type_Pen_Goal {
  margin: auto;
}
.MobilePage .container_timeline.type_Pen_Goal .content {
  justify-content: center;
}
.timeline_pen_goal_wrap.timeline_home_pen_goal {
  flex-direction: row-reverse;
  margin-right: 25px;
}
.timeline_pen_goal_wrap.timeline_away_pen_goal {
  margin-left: 25px;
}
.content .timeline_pen_goal_wrap {
  display: flex;
  width: 300px;
}
.content .timeline_pen_goal_wrap .type_time {
  background: red;
}
.content .timeline_pen_goal_wrap .type_time.pen_miss_text {
  background: rgba(255, 255, 255, 0.15);
}
.content .timeline_pen_goal_wrap .type_name span.goal_player_name {
  color: #fff;
}
.timeline_pen_goal_wrap.timeline_home_pen_goal .type_name {
  padding-right: 20px;
}
.timeline_pen_goal_wrap.timeline_away_pen_goal .type_name {
  padding-left: 20px;
}
.timeline_pen_goal_wrap.timeline_away_pen_goal .type_name_wrap {
  justify-content: flex-start !important;
}

.MobilePage div#section-lineups {
  margin-bottom: 20px;
}

.MobilePage div#section-stats div#season-status-main-wrapper {
  margin-bottom: 20px;
}

.MobilePage .sc-rte .se-header img {
  width: 22px;

  vertical-align: middle;

  margin-right: 5px;
}

.MobilePage div#section-stats {
  margin-bottom: 20px;
}

.MobilePage .section-wrapper > .flex--column {
  margin-bottom: 20px;
}
.formation_seen_1 .section-wrapper > .flex--column {
  margin-bottom: 0px;
}
/*---------------------------------------------*/

.MobilePage .vidi-timer {
  padding: 20px 15px;

  background-color: #012064;

  border-radius: 6px;
}

.MobilePage .vidi-timer span.timer-text {
  display: block;

  text-align: center;

  color: white;

  font-size: 13px;

  margin-bottom: 15px;
  letter-spacing: 1px;
}

.MobilePage div#remaining-timer {
  text-align: center;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.MobilePage div#remaining-timer > div {
  display: inline-block;

  text-align: center;

  background-color: #0e2d6d;

  color: white;

  border-radius: 4px;

  font-size: 11px;

  margin: 0px 4px;

  width: 100%;

  padding: 9px 0;
}

.MobilePage div#remaining-timer > div span {
  display: block;

  margin-bottom: 3px;
}

.MobilePage div#remaining-timer > div span:last-child {
  margin-bottom: 0;
}

.MobilePage div#remaining-timer > div span:first-child {
  font-size: 17px;

  font-weight: bold;
}

.MobilePage .prediction-wrapper {
  margin-bottom: 20px;

  border-radius: 6px;

  background-color: #012064;

  padding: 20px 20px;
}

.MobilePage .bet-popup-ans-section {
  display: flex;

  flex-flow: row;

  box-sizing: border-box;

  justify-content: space-between;

  max-width: 220px;

  margin: auto;

  border-radius: 4px;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers {
  background: #0e2d6d;

  width: 100%;

  max-width: 66px;

  border-radius: 4px;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 55px;

  color: #fff;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers a {
  display: flex;

  width: 100%;

  height: 100%;

  justify-content: center;

  font-size: 13px;

  align-items: center;

  text-decoration: none;

  color: #ffffff;

  border-radius: 4px;

  transition: background 0.3s ease-out;
}

.MobilePage h3.bet-middle-heding {
  font-size: 13px;

  color: #fff;

  font-weight: 700;

  line-height: normal;

  position: relative;

  text-align: center;

  z-index: 22;
}

.MobilePage .bet-middle-left-heading {
  text-align: center;

  margin-top: 15px;

  margin-bottom: 8px;
}

.MobilePage .bet-middle-club-logo-wrapper span img {
  height: 18px;

  width: auto;

  margin: 0 2px;
}

.MobilePage .no-data:hover {
  background-color: white !important;
  color: #011567;
}

.MobilePage .no-data {
  cursor: pointer;
  text-align: center;

  padding: 10px;

  font-size: 13px;

  color: white;

  background-color: #011567 !important;
  border: 1px solid white !important;
  border-radius: 4px;

  max-width: 220px;

  margin: auto;
  margin-top: 12px;
  font-weight: 600;
}

.MobilePage .sc-rte .sea-cont {
  box-sizing: border-box;

  padding: 20px 10px;

  overflow: hidden;

  border-top: none;
}

.MobilePage .sc-rte .sea-cont .left-section-players {
  float: left;

  width: 48%;
}

.MobilePage .sc-rte .sea-cont .right-section-players {
  float: right;

  width: 48%;
}

.venue-details.cb-location_details span {
  color: #fff;

  font-size: 12px;

  font-weight: 500;
}

.MobilePage span.venue-location {
  font-size: 11px;

  margin: 10px 0;
}

.venue-details.cb-location_details {
  padding: 10px;
}

.venue_icon_wrap {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.MobilePage .header-section.fixed-header-bar {
  position: fixed;

  top: 44px;

  left: 0;

  right: 0;

  z-index: 999;
}

.MobilePage .header-section.fixed-header-bar + div {
  padding-top: 43px;
}

.MobilePage .header-section.app_header.fixed-header-bar {
  top: 0;
}

.MobilePage span.venue-icon {
  min-width: 20px;
}

.MobilePage span.venue-icon img {
  width: 15px;
}

.MobilePage .match-goal-timeline {
  margin-bottom: 15px !important;

  box-sizing: border-box;

  margin: auto;
}
span.assist_player_name {
  color: #9b9b9be6 !important;
}

.MobilePage .match-goal-timeline > div {
  overflow: hidden;

  padding: 0px 10px;
}

.MobilePage
  .match-goal-timeline
  > div
  > div:last-child
  .single-match-item:last-child {
  margin-bottom: 0;
}

.MobilePage .match-goal-timeline .left {
  float: left;

  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: center;
}

.MobilePage .match-goal-timeline .right {
  float: right;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  display: flex;
}

.MobilePage
  .match-goal-timeline
  .left
  .away_pen_section.event-player
  .player_name_text {
  margin: 0;
}
.live-section-timeline .event-player .fixture_team_color_box {
  width: 20px;
  height: 16px;
  border-radius: 2px;
  margin-right: 15px;
}

.live-section-timeline .right .event-player .fixture_team_color_box {
  margin-right: 0px;
  margin-left: 15px;
}

.MobilePage .match-goal-timeline span.player_goal_icon {
  margin-left: 6px;
}

.MobilePage .match-goal-timeline .right span.player_goal_icon {
  margin-left: 0;
  margin-right: 6px;
}

.MobilePage .match-goal-timeline span {
  color: white;

  font-size: 11px;
}

.MobilePage .match-goal-timeline span.event-time {
  min-width: 35px;

  position: absolute;

  left: 15px;

  font-size: 11px;
}

.MobilePage .match-goal-timeline span.event-details {
  display: inline-block;

  overflow: hidden;

  vertical-align: middle;

  font-size: 11px;

  text-align: center;

  white-space: nowrap;

  width: 100%;
}

.MobilePage .match-goal-timeline .right span.event-player {
  position: absolute;
  right: 15px;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.MobilePage .match-goal-timeline span.event-player .player_goal_icon i {
  font-size: 14px;
}
.MobilePage .match-goal-timeline .right span.event-player .player_name_text {
  display: flex;
  flex-direction: column;
  margin-left: 6px;
}
.MobilePage
  .match-goal-timeline
  .right
  span.event-player
  .player_name_text
  span {
  text-align: right;
}
.MobilePage .match-goal-timeline > .penalty_shootout_section {
  padding-top: 30px;
}
.penalty_shootout_section_heading {
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.25px;
  font-size: 11px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.MobilePage .match-goal-timeline .left span.event-player .player_name_text {
  margin-right: 6px;
  display: flex;
  flex-direction: column;
}
.MobilePage .match-goal-timeline .left .away_pen_section.event-player {
  left: auto !important;
  right: 15px;
  width: auto;
}
.MobilePage
  .match-goal-timeline
  .left
  .away_pen_section.event-player
  .player_goal_icon {
  margin-left: 0;
  margin-right: 6px;
}
.MobilePage
  .match-goal-timeline
  .left
  .away_pen_section.event-player
  .fixture_team_color_box {
  margin-right: 0;
  margin-left: 15px;
}
.MobilePage .match-goal-timeline .left span.event-player {
  position: absolute;

  width: 100%;

  left: 15px;

  text-align: left;
  display: flex;
  align-items: center;
}

.MobilePage .match-goal-timeline .left span.event-time {
  right: 15px;

  left: initial;

  text-align: right;
}

.MobilePage .match-goal-timeline span.event-player {
  float: right;

  vertical-align: middle;

  font-size: 11px;

  margin-top: 0px;

  text-align: right;

  width: 65px;

  overflow: hidden;

  text-overflow: ellipsis;
}

.MobilePage .match-goal-timeline .single-match-item {
  box-sizing: border-box;

  position: relative;

  padding: 20px 10px 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0px;
}
.MobilePage
  .match-goal-timeline
  .match_before_half
  .single-match-item:first-child {
  padding-top: 6px;
}
#main_club_page_body .match-detail .MobilePage .swipe-wrap > div {
  padding: 15px 10px !important;
}
#main_club_page_body
  .MobilePage
  div#live-match-data-backup-div
  ul.soccer-club-logos {
  padding: 15px 20px 15px;
}
#main_club_page_body .MobilePage .card--box-header.bg-ac-b h2.fram-titl {
  padding-bottom: 0px;
}
#main_club_page_body
  .MobilePage
  .match-goal-timeline
  .match_before_half
  .single-match-item:first-child {
  padding-top: 20px;
}
.MobilePage .match_half {
  text-align: center;

  color: white;

  font-size: 15px;

  margin: 10px 0;
}

.MobilePage .swipe {
  overflow: hidden;

  visibility: visible !important;

  position: relative;
}

.MobilePage .swipe-wrap {
  overflow: hidden;
  position: relative;
}

.MobilePage .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  padding: 15px 15px 10px;
  box-sizing: border-box;
}

.MobilePage div#match-commentaries,
.MobilePage div#match-performers {
  color: white;
  font-size: 11px;
  border-radius: 0px;
  box-sizing: border-box;
  margin: auto 10px;
}

.MobilePage div#match-commentaries {
  background-color: #dadada;
  margin-bottom: 20px;
  padding: 10px;
}

.MobilePage div#match-commentaries span {
  color: #012063;
  font-size: 11px !important;
}

.MobilePage div#match-commentaries span.cb_com_wrap {
  display: flex;
  align-items: center;
  margin-top: 0;
  justify-content: center;
}
.live_match_bottom_post_section .cb_post-data {
  margin-top: 20px !important;
}
.MobilePage div#match-commentaries span.cb_com_wrap span.cb_com_comment {
  padding-left: 15px;
}

.MobilePage div#match-commentaries span,
.MobilePage div#match-performers span {
  display: block;
  color: white;
  font-size: 13px;
  font-weight: 500;
}

.MobilePage .cb_tabs_lineups,
.MobilePage .cb_tabs_formations {
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.MobilePage .cb_full_commentary {
  background-color: #012063;
  margin-bottom: 30px;
  border-radius: 6px;
  overflow: hidden;
  padding: 2px 10px 15px;
}

.MobilePage .cb_tabs_lineups a.active,
.MobilePage .cb_tabs_formations a.active {
  color: #36c6fd;
  font-weight: 500;
  border-bottom: 1px solid #36c6fd;
}

.MobilePage .cb_tabs_lineups a,
.MobilePage .cb_tabs_formations a {
  padding: 0 7px 8px;
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
}

.MobilePage span.cb_com_wrap {
  display: table;
  margin-top: 20px;
  padding: 10px;
  border-radius: 6px;
}

.MobilePage span.cb_com_min {
  width: 40px;
  vertical-align: middle;
  text-align: center;
}

.MobilePage span.cb_com_wrap > span {
  display: table-cell;
  font-size: 11px;
  vertical-align: middle;
  font-weight: 600;
}

.MobilePage span.cb_com_comment {
  padding-left: 9px;
}

.MobilePage .match-stats .column-full,
.MobilePage .season-stats .column-full,
.MobilePage .season-stats .cb_complete_matchstats {
  width: 100%;
}

.MobilePage .match-stats ul.ul-match-stats li,
.MobilePage .season-stats ul.ul-season-stats li {
  margin-bottom: 15px;
}

.MobilePage .match-stats ul.ul-match-stats .stat-type,
.MobilePage .season-stats ul.ul-season-stats .stat-type {
  text-align: center;
  font-size: 12px;
  color: white;
  margin-bottom: 10px;
}

.MobilePage ul.ul-match-stats .stat-data,
.MobilePage ul.ul-season-stats .stat-data {
  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;
}

.MobilePage .match-stats ul.ul-match-stats li:last-child,
.MobilePage .season-stats ul.ul-season-stats li:last-child {
  margin-bottom: 0;
}

.MobilePage div#match-status-main-wrapper {
  display: none;
  margin-bottom: 20px;
}

.MobilePage .formation_section_live .away-formation span span.active,
.MobilePage .formation_section_live .home-formation span span.active {
  background: #36c6fd;

  color: white;
}

.MobilePage .formation_section_live .away-formation span span.active:before,
.MobilePage .formation_section_live .home-formation span span.active:before {
  content: "TOP";

  position: absolute;

  top: -27px;

  font-weight: 700;

  background: #fff;

  color: #012064;

  padding: 6px 8px;

  border-radius: 100px;

  letter-spacing: 0;

  display: none;
}

.MobilePage .match-performers-section-wrap ul {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;
}

.MobilePage .match-performers-section-wrap ul li.top-performer-li {
  list-style: none;

  text-align: center;

  width: 33%;

  height: auto;

  position: relative;

  margin: 0 5px;

  padding: 10px;

  background-color: #0e2d6d;
}

.MobilePage li.top-performer-li .top-performer-photo img {
  border-radius: 50%;

  width: 45px;

  height: 45px;

  background-color: white;

  object-fit: cover;

  object-position: top;
}

.MobilePage .top-performer-photo .top-performer-rating {
  background: #36c6fd;

  padding: 4px 4px;

  text-align: center;

  color: #fff;

  width: 30px;

  font-size: 11px;

  border-radius: 40px;

  margin: auto;

  position: relative;

  top: -10px;

  z-index: 1;
}

.MobilePage div#home-performers-season-wrap .flex-card-la-2 {
  padding: 20px 10px;
}

.MobilePage div#home-performers-season-wrap .column-2 {
  width: 100%;
}

.MobilePage div#match-performers h2.fram-titl span {
  text-align: left;
}

.MobilePage div#match-performers h2.fram-titl {
  padding: 0px 15px;
}

.MobilePage div#match-performers h2.fram-titl.flex--card-l img {
  margin: 0 5px;
}

/*-------------ci-match-page--------------*/

.MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
  justify-content: space-between;

  padding: 0px 20px 15px;

  width: auto;

  box-sizing: border-box;
}

.MobilePage div#live-match-data-backup-div .left-section-wrapper {
  float: left;

  width: 50%;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper {
  float: right;

  width: 50%;
}

.MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
  padding: 15px 15px !important;
}

.MobilePage
  div#live-match-data-backup-div
  .right-section-wrapper
  .away-position {
  text-align: right;
}

.MobilePage
  div#live-match-data-backup-div
  .side-sections
  .generic-section-wrap
  li.team-lineup
  .player-details {
  margin: 10px 0;
}

.MobilePage
  div#live-match-data-backup-div
  .right-section-wrapper
  .generic-section-wrap
  li.team-lineup
  .player-details
  span.player-image {
  margin-right: 0px;

  margin-left: 7px;
}

.MobilePage
  div#live-match-data-backup-div
  .right-section-wrapper
  .generic-section-wrap
  li.team-lineup
  .player-details {
  justify-content: flex-end;
}

.MobilePage div#live-match-data-backup-div .soccer-section-data {
  overflow: hidden;
  padding-inline: 6px;
}

.MobilePage .temperature-wrap {
  display: flex;

  align-items: center;

  margin: 10px 0;
}

.temperature-wrap .weather-icon {
  width: 30px;

  height: 30px;

  margin-right: 10px;
}

.temperature-wrap .weather-icon img {
  width: 100%;

  height: 100%;
}

.temperature-wrap .primary-temperature,
.temperature-wrap .secondary-temperature {
  color: white;

  font-size: 13px;
}

.weather-wrapper > .card--layout-content {
  display: flex;

  justify-content: space-between;
}

.MobilePage .weather-details,
.MobilePage .venue-details {
  overflow: hidden;

  padding: 10px 5px;

  display: flex;

  flex-direction: column;

  width: max-content;
}

.MobilePage span.temperature-type {
  color: white;

  font-size: 12px;

  font-weight: 600;
}

.MobilePage span.seperator-wrap {
  color: white;

  margin: 0 3px;
}

.MobilePage .item-pills {
  line-height: normal;

  border-top: 1px solid #344d83;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 12px 10px;
}

.MobilePage .item-pills span.slider-pills {
  width: 25px;

  height: 2px;

  border-radius: 4px;

  margin: 0 4px;

  border: 1px solid rgb(128, 144, 178);

  background-color: rgba(255, 255, 255, 0.5);

  line-height: normal;
}

.MobilePage .item-pills span.slider-pills.active {
  background-color: white;

  border: 1px solid white;
}

.MobilePage
  div#right-side-season-state
  .main-home-away-team-match-report-wrap
  li {
  height: 24px;
}

.MobilePage
  div#right-side-season-state
  .main-home-away-team-match-report-wrap
  ul.middle-ul-match-report
  li {
  margin: 12px 0;

  padding: 5px 0 !important;

  height: auto !important;
}

.MobilePage .stat-type.special-stats {
  margin-top: 30px;
}

.MobilePage .cloned-probable-section {
  margin: 0 0 20px !important;
}

.MobilePage div#missing-player-section-oneday-wrap .align-center {
  text-align: center;

  justify-content: center;
}

.MobilePage div#missing-players-section-home-oneday {
  float: left;

  width: 50%;

  padding: 0;

  box-sizing: border-box;

  margin-bottom: 0;
}

.MobilePage div#missing-players-section-away-oneday {
  float: right;

  width: 50%;

  padding: 0;

  box-sizing: border-box;

  margin-bottom: 0 !important;
}

.MobilePage .missing-players-oneday-wrap {
  overflow: hidden;

  padding: 4px 10px 4px;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li {
  padding: 10px 38px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list {
  box-sizing: border-box;

  margin-top: 0 !important;

  padding: 5px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li .player-image {
  top: 1px !important;
}

.MobilePage div#missing-players-section-away-oneday li {
  text-align: right;
}

.MobilePage div#missing-players-section-away-oneday li .player-image {
  right: 10px;

  left: auto;
}

.MobilePage .avtar-cicle img {
  background-color: white;
}

.MobilePage .sea-cont .avtart-card {
  margin: 0 7px;
}

.MobilePage .sc-rte ul.season-listing li .avtart-card span.season-rating-info {
  top: 21px;

  width: 26px;

  font-size: 8px;

  border-radius: 47px;

  margin-left: 0;

  height: 16px;

  left: 0px;

  line-height: 16px;
}

.MobilePage .content-wrap .header-wrap div.card--ops {
  max-width: 120px;
}

.MobilePage div#teams-stat-slider .sc-rte .se-header h3 {
  opacity: 1;
}

div#section-table div#teams-stat-slider {
  margin-bottom: 20px;
}

.MobilePage .MobilePage .sc-rte ul.season-listing li:last-child {
  margin-bottom: 0;
}

.MobilePage .MobilePage .normal-section-next-match-wrap ul.slick-dots {
  top: 10px;
}

.MobilePage div#strength-weakness-match-page .flex-card-la-2 {
  justify-content: end;
}

.MobilePage div#home-strength-weakness-season-wrap .column-2 {
  width: 100%;
}

@media (max-width: 345px) {
  .main-home-away-team-match-report-wrap > ul {
    width: 80px;
  }
}

@media (max-width: 330px) {
  h3.clb-t {
    font-size: 16px;
  }

  .last-match-stats-section-data-team .page-wrapper h4.gr-guixd span {
    font-size: 10px;
  }
}

.MobilePage div#section-lineups .live-whole-section-wrap {
  margin: 0;
}

.MobilePage div#section-lineups .live-whole-section-wrap {
  margin: 0;

  margin-bottom: 20px !important;
}

.MobilePage .live-whole-section-wrap .tommorrow-match-section {
  margin-top: 0 !important;
}

.MobilePage div.probale-lineups-middle-wrap ul li {
  padding: 5px 0 0;
}

.MobilePage .away-team-logo {
  justify-content: flex-end;
}

.MobilePage .missing-player-section-oneday-wrap .generic_plyers_list {
  padding: 0;
}

.MobilePage
  .live-whole-section-wrap.tomarrow-whole-section-wrap
  .players-section-wrap-global
  .card--box-header
  h2.fram-titl {
  margin-top: 13px;

  margin-bottom: 10px;
}
@media (max-width: 330px) {
  div#section-lineups .position {
    margin: 10px 0px;
  }
}

.MobilePage .soccer-data-heading {
  display: block !important;

  text-align: center;

  padding: 0px !important;

  height: auto !important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  color: #fff !important;

  width: 100%;

  box-sizing: border-box;
}

.MobilePage .soccer-data-heading ul {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100% !important;

  margin-top: 0;

  padding: 20px 0;
}

.MobilePage .soccer-data-heading ul.soccer-club-logos {
  padding: 12px 0;
}

.MobilePage .soccer-data-heading ul li {
  width: 100% !important;

  min-height: auto;

  margin-right: 13px !important;

  color: white;

  padding-top: 0;

  font-weight: normal;
}

.MobilePage .soccer-data-heading ul li:last-child {
  margin-right: 0 !important;
}

.MobilePage .soccer-data-heading .team-logo.active:before {
  top: 31px;
}

.soccer-data-heading ul li.soccer-team-logo {
  width: auto !important;

  margin-right: 10px !important;

  font-size: 0;

  min-width: auto;

  position: relative;
}

.MobilePage .slickslider-section-players .title-card .txt-sl-listing {
  margin-left: 0;

  margin-bottom: 0;
}

.MobilePage div#teams-stat-slider .normal-player-sections {
  overflow: hidden;

  margin-bottom: 15px;
}

.MobilePage div#teams-stat-slider .normal-player-sections:last-child {
  margin-bottom: 0;
}

/*-0------------------time-line----------------*/

.MobilePage .top_header_match {
  text-align: center;

  padding: 10px 0 6px 0 !important;

  border-bottom: 1px solid #1b3774;

  background-color: #012063;

  border-radius: 6px 6px 0 0;
}

.MobilePage .top_header_match > div {
  display: inline-block;

  vertical-align: top;

  padding: 1px 10px;

  position: relative;

  z-index: 2;

  cursor: pointer;
}

.MobilePage .ft_a {
  margin-bottom: 7px;

  font-size: 15px;

  font-weight: 700;

  color: #fff;
}

.MobilePage .goals_data {
  font-size: 24px;

  vertical-align: bottom;

  color: #fff;

  margin-top: 13px;

  position: relative !important;

  right: 0;

  left: 0;

  text-align: center;
}

.MobilePage .goals_data span {
  padding: 8px;

  font-size: 18px;

  font-weight: 100;
}

.MobilePage .timeline {
  margin: 0 auto;

  padding-bottom: 0px;

  margin-bottom: 25px;
}

.MobilePage .timeline {
  position: relative;

  width: 100%;

  display: block;

  overflow: hidden;
}

body .MobilePage .half_timeline {
  color: white;

  text-align: center;

  margin-top: 25px;

  background-color: #012063;

  position: relative;

  padding: 3px;

  z-index: 99;
}

.MobilePage .container_timeline {
  padding: 18px 23px 5px 23px;

  position: relative;

  background-color: inherit;

  width: 50%;

  float: none;

  margin-top: 8px !important;
}

.MobilePage .type_center.Card,
MobilePage .type_center.Substitute {
  width: 21px;

  height: 21px;

  right: -12px;
}

.MobilePage .container_timeline.right .type_center.Card,
.MobilePage .container_timeline.right .type_center.Substitute {
  left: -9px;
}

.MobilePage .container_timeline .type_center.Yellow.Card:before {
  background: #ff0;

  content: "";

  height: 13px;

  width: 8px;

  display: block;

  margin: 3px auto 0 5px;
}

.MobilePage .container_timeline.type_Goal .type_name {
  font-size: 11px;
}

.MobilePage div#section-lineups {
  margin-bottom: 20px;
}

.MobilePage div#section-stats div#season-status-main-wrapper {
  margin-bottom: 20px;
}

.MobilePage .sc-rte .se-header img {
  width: 22px;

  vertical-align: middle;

  margin-right: 5px;
}

.MobilePage div#section-stats {
  margin-bottom: 20px;
}

/*---------------------------------------------*/

.MobilePage .vidi-timer {
  padding: 20px 15px;

  background-color: #012064;

  border-radius: 6px;
}

.MobilePage .vidi-timer span.timer-text {
  display: block;

  text-align: center;

  color: white;

  font-size: 13px;

  margin-bottom: 15px;
}

.MobilePage div#remaining-timer {
  text-align: center;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.MobilePage div#remaining-timer > div {
  display: inline-block;

  text-align: center;

  background-color: #0e2d6d;

  color: white;

  border-radius: 4px;

  font-size: 11px;

  margin: 0px 4px;

  width: 100%;

  padding: 9px 0;
}

.MobilePage div#remaining-timer > div span {
  display: block;

  margin-bottom: 3px;
}

.MobilePage div#remaining-timer > div span:last-child {
  margin-bottom: 0;
}

.MobilePage div#remaining-timer > div span:first-child {
  font-size: 17px;

  font-weight: bold;
}

.MobilePage .prediction-wrapper {
  margin-bottom: 20px;

  border-radius: 6px;

  background-color: #012064;

  padding: 20px 20px;
}

.MobilePage .bet-popup-ans-section {
  display: flex;

  flex-flow: row;

  box-sizing: border-box;

  justify-content: space-between;

  max-width: 220px;

  margin: auto;

  border-radius: 4px;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers {
  background: #0e2d6d;

  width: 100%;

  max-width: 66px;

  border-radius: 4px;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 55px;

  color: #fff;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers a {
  display: flex;

  width: 100%;

  height: 100%;

  justify-content: center;

  font-size: 13px;

  align-items: center;

  text-decoration: none;

  color: #ffffff;

  border-radius: 4px;

  transition: background 0.3s ease-out;
}

.MobilePage h3.bet-middle-heding {
  font-size: 13px;

  color: #fff;

  font-weight: 700;

  line-height: normal;

  position: relative;

  text-align: center;

  z-index: 22;
}

.MobilePage .bet-middle-left-heading {
  text-align: center;

  margin-top: 15px;

  margin-bottom: 8px;
}

.MobilePage .bet-middle-club-logo-wrapper span img {
  height: 18px;

  width: auto;

  margin: 0 2px;
}

.MobilePage .sc-rte .sea-cont {
  box-sizing: border-box;
  padding: 20px 10px;
  overflow: hidden;
  border-top: none;
}

.MobilePage .sc-rte .sea-cont .left-section-players {
  float: left;
  width: 48%;
}

.MobilePage .sc-rte .sea-cont .right-section-players {
  float: right;
  width: 48%;
}

.MobilePage .header-section.fixed-header-bar {
  position: fixed;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 999;
}

.MobilePage .header-section.fixed-header-bar + div {
  padding-top: 43px;
}

.MobilePage .header-section.app_header.fixed-header-bar {
  top: 0;
}

.MobilePage .match_half {
  text-align: center;
  color: white;
  font-size: 15px;
  margin: 10px 0;
}

.MobilePage .swipe-wrap {
  overflow: hidden;
  position: relative;
}

.MobilePage div#match-commentaries,
.MobilePage div#match-performers {
  color: white;
  font-size: 11px;
  border-radius: 0px;
  box-sizing: border-box;
  margin: auto;
}

.MobilePage div#match-commentaries span {
  color: #012063;
  font-size: 11px !important;
}

.MobilePage div#match-commentaries span.cb_com_wrap {
  display: flex;
  align-items: center;
  margin-top: 0;
}

.MobilePage div#match-commentaries span.cb_com_wrap span.cb_com_comment {
  padding-left: 15px;
}

.MobilePage div#match-commentaries span,
.MobilePage div#match-performers span {
  display: block;
  color: white;
  font-size: 13px;
  font-weight: 500;
}

.MobilePage .cb_tabs_lineups,
.MobilePage .cb_tabs_formations {
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.MobilePage .match-stats .column-full,
.MobilePage .season-stats .column-full,
.MobilePage .season-stats .cb_complete_matchstats {
  width: 100%;
}

.MobilePage .match-stats ul.ul-match-stats li,
.MobilePage .season-stats ul.ul-season-stats li {
  margin-bottom: 15px;
}

.MobilePage ul.ul-match-stats .stat-data span.home-stat-data,
.MobilePage ul.ul-season-stats .stat-data span.home-stat-data {
  float: left;
  padding: 5px 10px;
  background-color: #35c3f9;
  box-sizing: border-box;
  color: white;
  border-radius: 4px 0px 0px 4px;
  min-width: 25px;
}

.MobilePage ul.ul-match-stats .stat-data span.away-stat-data,
.MobilePage ul.ul-season-stats .stat-data span.away-stat-data {
  float: right;
  padding: 5px 10px;
  box-sizing: border-box;
  text-align: right;
  color: white;
  border-radius: 0 4px 4px 0;
  background-color: #2a457e;
  min-width: 25px;
}

.MobilePage .match-stats ul.ul-match-stats li:last-child,
.MobilePage .season-stats ul.ul-season-stats li:last-child {
  margin-bottom: 0;
}

.MobilePage div#match-status-main-wrapper {
  margin-bottom: 20px;
}

.MobilePage .formation_section_live .away-formation span span.active,
.MobilePage .formation_section_live .home-formation span span.active {
  background: #36c6fd;

  color: white;
}

.MobilePage .match-performers-section-wrap ul {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;
}

.MobilePage .match-performers-section-wrap ul li.top-performer-li {
  list-style: none;

  text-align: center;

  width: 33%;

  height: auto;

  position: relative;

  margin: 0 5px;

  padding: 10px;

  background-color: #0e2d6d;
}

.MobilePage li.top-performer-li .top-performer-photo img {
  border-radius: 50%;

  width: 45px;

  height: 45px;

  background-color: white;

  object-fit: cover;

  object-position: top;
}

.MobilePage .top-performer-photo .top-performer-rating {
  background: #36c6fd;

  padding: 4px 4px;

  text-align: center;

  color: #fff;

  width: 30px;

  font-size: 11px;

  border-radius: 40px;

  margin: auto;

  position: relative;

  top: -10px;

  z-index: 1;
}

.MobilePage div#home-performers-season-wrap .flex-card-la-2 {
  padding: 20px 10px;
}

.MobilePage div#home-performers-season-wrap .column-2 {
  width: 100%;
}

.MobilePage div#match-performers h2.fram-titl span {
  text-align: left;
}

.MobilePage div#match-performers h2.fram-titl {
  padding: 0px 15px;
}

.MobilePage div#match-performers h2.fram-titl.flex--card-l img {
  margin: 0 5px;
}

/*-------------ci-match-page--------------*/

.MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
  justify-content: space-between;

  padding: 0px 20px 15px;

  width: auto;

  box-sizing: border-box;
}

.MobilePage div#live-match-data-backup-div .left-section-wrapper {
  float: left;

  width: 50%;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper {
  float: right;

  width: 50%;
}

.MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
  padding: 15px 10px !important;
}

.MobilePage
  div#live-match-data-backup-div
  .right-section-wrapper
  .away-position {
  text-align: right;
}

.MobilePage
  div#live-match-data-backup-div
  .side-sections
  .generic-section-wrap
  li.team-lineup
  .player-details {
  margin: 10px 0;
}

.MobilePage
  div#live-match-data-backup-div
  .right-section-wrapper
  .generic-section-wrap
  li.team-lineup
  .player-details
  span.player-image {
  margin-right: 0px;

  margin-left: 7px;
}

.MobilePage
  div#live-match-data-backup-div
  .right-section-wrapper
  .generic-section-wrap
  li.team-lineup
  .player-details {
  justify-content: flex-end;
}

.MobilePage div#live-match-data-backup-div .soccer-section-data {
  overflow: hidden;
}

.MobilePage .item-pills {
  line-height: normal;

  border-top: 1px solid #344d83;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 12px 10px;
}

.MobilePage .item-pills span.slider-pills {
  width: 25px;

  height: 2px;

  border-radius: 4px;

  margin: 0 4px;

  border: 1px solid rgb(128, 144, 178);

  background-color: rgba(255, 255, 255, 0.5);

  line-height: normal;
}

.MobilePage .item-pills span.slider-pills.active {
  background-color: white;

  border: 1px solid white;
}

.MobilePage
  div#right-side-season-state
  .main-home-away-team-match-report-wrap
  li {
  height: 24px;
}

.MobilePage
  div#right-side-season-state
  .main-home-away-team-match-report-wrap
  ul.middle-ul-match-report
  li {
  margin: 12px 0;

  padding: 5px 0 !important;

  height: auto !important;
}

.MobilePage .stat-type.special-stats {
  margin-top: 30px;
}

.MobilePage .cloned-probable-section {
  margin: 0 0 20px !important;
}

.MobilePage div#missing-player-section-oneday-wrap .align-center {
  text-align: center;

  justify-content: center;
}

.MobilePage div#missing-players-section-home-oneday {
  float: left;

  width: 50%;

  padding: 0;

  box-sizing: border-box;

  margin-bottom: 0;
}

.MobilePage div#missing-players-section-away-oneday {
  float: right;

  width: 50%;

  padding: 0;

  box-sizing: border-box;

  margin-bottom: 0 !important;
}

.MobilePage .missing-players-oneday-wrap {
  overflow: hidden;

  padding: 4px 10px 4px;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li {
  padding: 10px 38px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list {
  box-sizing: border-box;

  margin-top: 0 !important;

  padding: 5px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li .player-image {
  top: 1px !important;
}

.MobilePage div#missing-players-section-away-oneday li {
  text-align: right;
}

.MobilePage div#missing-players-section-away-oneday li .player-image {
  right: 10px;

  left: auto;
}

.MobilePage .avtar-cicle img {
  background-color: white;
}

/*--------------------------*/

@media (max-width: 360px) {
  .MobilePage div#remaining-timer > div {
    padding: 7px 0;
  }

  .MobilePage .vidi-timer {
    padding: 15px 10px;
  }

  div#section-lineups .as--footer-action ul li div:first-child {
    font-size: 9px;
  }

  div#section-lineups .as--footer-action ul li div span {
    font-size: 9px;
  }

  .live-match-stats-formation .as--footer-action ul li div:first-child {
    font-size: 9px;
  }

  .live-match-stats-formation .as--footer-action ul li div span {
    font-size: 9px;
  }
}

@media (max-width: 340px) {
  .MobilePage .top-sc-v span.country-flag {
    min-width: 30px;

    margin-right: 10px;
  }

  .MobilePage .top-sc-v span.league-name {
    margin-right: 20px;
  }

  .MobilePage .fixture-time {
    min-width: 30px;

    margin-right: 10px;
  }
}

@media (max-width: 330px) {
  .MobilePage .live-match-stats-formation .as--footer-action ul li {
    padding: 0 8px;

    padding-bottom: 5px;
  }
}

/*-------------------------------------*/

.MobilePage .fixture-time span.match_time img {
  width: 37px;

  height: 37px;

  border-radius: 100%;

  vertical-align: middle;

  object-fit: cover;
}

.MobilePage .player-strength-and-weekness {
  margin-bottom: 20px;
}

.MobilePage .player-strength-and-weekness .sea-cont {
  background-color: #012064;

  padding: 15px;

  border-radius: 6px;
}

.MobilePage .generic_layout_container.layout_sitemobile_comments {
  margin: 0;
}

.MobilePage div#comments .comments_options {
  display: none;
}

.MobilePage div#comments > ul {
  display: none;
}

.MobilePage form#comment-form {
  position: relative;

  padding: 0;

  margin-bottom: 15px;

  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

  border-radius: 4px;

  overflow: hidden;
}

.MobilePage form#comment-form textarea#body {
  margin: 0;

  border: none !important;

  background-color: white;

  color: #012064;

  padding-right: 55px;
}

.MobilePage .sm-comments-post-comment-form table td:last-child button {
  margin: 0 !important;

  max-width: 55px;

  border: none !important;

  border-radius: 0 !important;

  box-shadow: none !important;
}

.MobilePage .sm-comments-post-comment-form {
  margin-right: 0 !important;
}

.MobilePage form#comment-form table {
  border-spacing: 0;

  border-collapse: collapse;
}

.MobilePage form#comment-form textarea#body::-webkit-input-placeholder,
.MobilePage
  ul[class^="wc_ultimate_team_news"]
  .news-comment-section
  form
  input::-webkit-input-placeholder {
  color: #012064;
}

.MobilePage form#comment-form textarea#body::-moz-placeholder,
.MobilePage
  ul[class^="wc_ultimate_team_news"]
  .news-comment-section
  form
  input::-moz-placeholder {
  color: #012064;
}

.MobilePage form#comment-form textarea#body:-ms-input-placeholder,
.MobilePage
  ul[class^="wc_ultimate_team_news"]
  .news-comment-section
  form
  input:-ms-input-placeholder {
  color: #012064;
}

.MobilePage form#comment-form textarea#body:-moz-placeholder,
.MobilePage
  ul[class^="wc_ultimate_team_news"]
  .news-comment-section
  form
  input:-moz-placeholder {
  color: #012064;
}

.MobilePage .video-section {
  width: 100%;

  margin: 0 auto 25px;
}

.MobilePage .video-section .video-page-break-options {
  background-color: #012064;

  padding: 15px 15px 25px !important;

  position: relative;

  box-sizing: border-box;

  min-height: auto;
}

html body span#player_mob_popup .MobilePage ul.wc_ultimate_team_news {
  margin-bottom: 15px !important;

  max-width: 100% !important;

  width: auto;

  background: #012064 !important;

  align-items: center;

  display: block !important;

  justify-content: space-between;

  padding: 10px 10px !important;

  box-sizing: border-box;

  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

  border-radius: 4px;

  overflow: hidden;
}

.MobilePage ul.wc_ultimate_team_news li.wc_parent_latest_feed_list {
  background: transparent;

  position: relative;

  display: flex;

  align-items: center;

  width: 100%;

  float: left;

  padding: 6px 0;
}

.MobilePage a.wc_image_leftsm {
  height: 22px;

  max-height: 22px;

  width: 22px;

  min-width: 22px;

  border-radius: 100% !important;

  box-shadow: none;

  position: relative;

  display: inline-block;

  background: #0d2a66;

  overflow: hidden;
}

.MobilePage ul[class^="wc_ultimate_team_news"] .wc_news_feed_title {
  padding: 0px 8px !important;

  display: inline-block;

  min-height: auto;

  width: 100%;

  background-color: transparent;

  box-sizing: border-box;

  overflow: hidden;
}

.MobilePage ul[class^="wc_ultimate_team_news"] .wc_news_feed_title a {
  text-decoration: none;
}

.MobilePage
  ul[class^="wc_ultimate_team_news"]
  .wc_news_feed_title
  span.cb_ttl_text {
  font-size: 10px !important;

  overflow: hidden;

  margin-bottom: 0;

  //white-space: nowrap;

  //text-overflow: ellipsis;

  color: white;

  margin-top: 0;

  display: block;

  line-height: 22px;
}

.MobilePage a.wc_image_leftsm span.bg_news_middle {
  border-radius: 6px 6px 0px 0px;

  background-repeat: no-repeat;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  margin-bottom: 0;

  opacity: 1;

  background-position: center;

  top: 0;

  background-size: cover;
}

.MobilePage ul[class^="wc_ultimate_team_news"] li.wc_ultimate_team_options {
  display: flex !important;

  align-items: center;

  justify-content: space-between;

  width: 140px !important;

  float: right;
}

.MobilePage li.wc_ultimate_team_options label.wc_date_news {
  min-height: 32px;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  width: 100px;

  padding: 0;

  margin: 0;
}

.MobilePage label.wc_date_news {
  left: 0;

  font-size: 9px;

  background-color: transparent;

  color: white;

  opacity: 0.7;

  position: relative !important;

  top: 0;
}

.MobilePage
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_liker {
  width: 65px;

  min-height: 34px;

  text-align: center;

  justify-content: center;

  border-left: 1px solid #334c83;

  margin: 0;

  border-bottom: none;
}

.MobilePage .heart-image {
  width: 33px;

  padding: 0px;
}

.MobilePage
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_comment_ico {
  width: 60px;

  display: block !important;

  border-left: 1px solid #334c83;

  padding: 0;

  margin-bottom: 0;
}

.MobilePage span.post_comment_ico {
  bottom: 0;
}

.MobilePage
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_comment_ico
  a.comments-box {
  display: flex !important;

  justify-content: center;

  align-items: center;

  min-height: 34px;
}

.MobilePage span.post_comment_ico a img.comment-icon {
  width: 35px;
}

.MobilePage span.post_comment_ico img.comment-icon {
  filter: brightness(0) invert(1);

  opacity: 0.7;
}

.MobilePage div[class^="player_"] img {
  display: inline-block;
}

.MobilePage
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_liker
  a.like-news-toplink {
  display: flex !important;

  justify-content: center;

  align-items: center;

  min-height: 34px;
}

.MobilePage .fixture-details span a {
  color: white;
}

.MobilePage li#no_more_news {
  color: white;
}

.MobilePage ul[class^="wc_ultimate_team_news"] .news-card-comments {
  padding: 7px 20px 0px 31px;

  float: none;

  overflow: hidden;

  margin-right: 0;

  width: 100%;

  box-sizing: border-box;
}

.MobilePage ul[class^="wc_ultimate_team_news"] .news-comment-section {
  display: inline-block !important;

  border: none !important;

  padding: 0 !important;

  margin: 0px !important;

  width: 100% !important;

  max-width: 140px;
}

.MobilePage ul[class^="wc_ultimate_team_news"] .news-comment-section form {
  position: relative !important;

  padding: 0;

  font-size: 12px;

  border-radius: 2px;
}

.MobilePage
  ul[class^="wc_ultimate_team_news"]
  .news-comment-section
  form
  input {
  box-sizing: border-box;

  width: 100%;

  padding: 6px 10px;

  outline: none;

  background-color: white;

  border: none;

  color: #012064;

  font-size: 11px;
}

.MobilePage .video-page-break-iframe {
  height: 155px !important;

  position: relative;

  display: block;

  border-radius: 6px 6px;
}

.MobilePage .video-page-break-iframe span.video-thumbnail {
  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-position: center !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;
}

.MobilePage .video-page-break-iframe img.fcreate_yt_blue {
  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 50px;

  margin: auto;

  z-index: 1;
}

.MobilePage .video-page-break-options label.video-date {
  color: #fff;

  display: block;

  font-size: 12px;

  font-family: montserrat, sans-serif !important;

  opacity: 0.3;
}

.MobilePage .video-title span.cb_ttl_text {
  color: white;
  font-size: 13px;
  line-height: 26px;
  margin-top: 15px;
  font-family: montserrat, sans-serif !important;
  display: block;
  text-rendering: optimizeLegibility;
}

.match_post_footer_wrapper {
  position: fixed;
  bottom: 0px;
  left: 50%;
  width: 100%;
  background-color: #00145b;
  background: #001d71;
  padding: 10px 0px 0px;
  max-width: 700px;
  transform: translate(-50%, 0px);
  z-index: 999;
}

.cbn_match_post_final_tittle {
  background-color: #d5b048;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 10px;
  text-align: center;
  color: #000000;
  margin-top: 10px;
}

.cbn_match_persentage_bar_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.persentage_bar_home_team {
  background-color: #d5b048;
  width: 50%;
  padding-left: 30px !important;
  color: #000;
}

.cbn_match_persentage_bar_wrapper > p {
  font-size: 12px;
  font-weight: bold;
  padding: 6px;
}

.persentage_bar_away_team {
  background-color: #55a451;
  width: 50%;
  text-align: right;
  padding-right: 30px !important;
}

.cbn_match_post_commentry_tittle {
  margin-bottom: 10px;
  border-bottom: 1px solid #27417a;
  border-top: 1px solid #27417a;
  background-color: #012063;
  padding: 10px 10px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}

.cbn_goals_info_match > .ops--divider {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px 14px;
  margin-top: 12px;
}

.cbn_goals_info_match > .ops--divider > span {
  margin: 0px;
  font-size: 15px;
  color: #fff;
}

.match_post_footer_wrapper + .swipe {
  padding-bottom: 130px;
}

/*-------------------------*/

/* Match_page_updated_mockup_style-start */

#section-info .match_page_main_parent {
  max-width: 700px;
  margin: auto;
}
.match_page_global_style .match_post_heading {
  margin: 60px auto 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 15px;
}
#section-stats .match_post_heading {
  margin-top: 0px;
}
#section-stats .match_post_heading.match_after_stats_type {
  margin-top: 60px;
}
.match_page_global_style .formation_not_found .main-prediction-wrapper {
  padding-top: 0;
}
.match_page_global_style .glance_post_heading span {
  display: block;
  height: 25px;
  width: 25px;
  border-radius: 4px;
  margin-right: 10px;
}
.match_page_global_style .glance_post_title {
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.match_after_stats_type {
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.match_after_stats_data {
  width: 100%;
  display: flex;
  margin: 10px 0 25px;
}
.match_after_stats_data span {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
}
.match_after_stats_data .home_team_stats {
  border-radius: 5px 0 0 5px;
}
.match_after_stats_data .away_team_stats {
  text-align: right;
  border-radius: 0 5px 5px 0;
}
.match_season_stats_parent .cb_complete_matchstats {
  padding: 0;
}
.formation_section_live .away-formation span b a,
.formation_section_live .home-formation b a {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .MobilePage .home-formation {
    top: 0px;
    left: 49%;
    transform: translate(-51%, 0px);
  }

  .MobilePage .fixture-details span a {
    font-size: 10px;
  }
  .MobilePage .cb_tabs_lineups a,
  .MobilePage .cb_tabs_formations a {
    padding: 0 7px 5px;
    font-size: 10px;
  }
  .league_timeline_header {
    margin-top: 15px;
  }
  .MobilePage .league_name_started {
    margin-top: 10px;
    font-size: 13px;
  }
  .MobilePage .type_time {
    font-size: 8px;
    padding: 2px 4px;
    min-width: max-content;
  }
  .MobilePage .timeline .right .content .type_name_wrap {
    padding-left: 6px;
  }

  .MobilePage .swipe-wrap > div {
    padding: 15px 0px 10px;
  }
  .MobilePage .container_timeline {
    padding: 22px 3px 5px 16px;
  }
  .MobilePage .container_timeline.left {
    padding: 22px 16px 5px 3px;
  }
  .MobilePage .timeline .type_name_wrap .type_name_detail {
    font-size: 9px;
    letter-spacing: 0;
  }
  .MobilePage .type_Substitute .type_name span,
  .MobilePage .container_timeline .type_name span {
    font-size: 10px;
    line-height: 12px;
  }
  .container_timeline.type_Card .type_name .cbn_player_card {
    width: 10px !important;
    height: 12px !important;
    margin-right: 8px;
  }
  .MobilePage .container_timeline.right .type_name span > i {
    margin-left: 0;
    margin-right: 8px;
  }
  .type_Substitute .type_name span > i {
    margin-left: 8px;
    font-size: 10px;
  }
  .container_timeline.type_Card .type_name {
    font-size: 8px;
  }
  .MobilePage .timeline .left .content .type_name_wrap {
    padding-right: 10px;
  }
  .home_team_logo_wrap {
    width: 30px;
    height: auto;
  }
  .live_vidi_league_wrap .cb_live_vidi_content span {
    font-size: 13px;
    padding: 5px;
  }

  .MobilePage span.cb_com_wrap {
    margin-top: 12px;
    padding: 6px 8px;
    border-radius: 4px;
  }
  .MobilePage
    .match-goal-timeline
    .left
    .away_pen_section.event-player
    .fixture_team_color_box {
    margin-left: 10px;
  }
  .live-section-timeline .event-player .fixture_team_color_box {
    width: 14px;
    height: 10px;
    margin-right: 10px;
  }
  .penalty_shootout_section_heading {
    font-size: 9px;
    margin-bottom: 10px;
  }
  .live-section-timeline .right .event-player .fixture_team_color_box {
    margin-left: 10px;
  }
  .MobilePage .match-goal-timeline span.player_goal_icon {
    margin-left: 2px;
  }
  .MobilePage .match-goal-timeline .right span.player_goal_icon {
    margin-left: 0;
    margin-right: 2px;
  }

  .page-wrapper.MobilePage .page-header {
    padding: 25px 10px;
  }
  .MobilePage .match-goal-timeline span.event-player .player_goal_icon i {
    font-size: 10px;
  }
  .MobilePage span.cb_com_min {
    width: 25px;
  }

  .MobilePage span.cb_com_comment {
    padding-left: 5px;
  }

  .MobilePage span.cb_com_wrap > span {
    font-size: 9px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.5px;
  }
  .MobilePage .match-goal-timeline span {
    font-size: 9px;
  }
  .live-match-stats-formation .as--footer-action ul {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .MobilePage .live-match-stats-formation .as--footer-action ul li,
  .MobilePage .live-match-stats-formation .as--footer-action ul li.active {
    border: none;
  }

  .MobilePage .header-section ul.top-header {
    padding: 10px 0 !important;
  }
  .formation_seen_1 .header-section ul.top-header {
    padding: 12px 10px !important;
  }
  .MobilePage img.formation_pitch {
    width: 100%;
    height: 850px;
    object-fit: cover;
  }

  .MobilePage .formation_section_live .away-formation span span.active:before,
  .MobilePage .formation_section_live .home-formation span span.active:before {
    font-size: 8px;
    font-weight: 600;
    top: -18px;
    padding: 4px 6px;
  }

  .MobilePage .away-formation {
    top: 54%;
    transform: translate(-50%, 0px);
    left: 50%;
  }
  .MobilePage .container_timeline.type_Goal .type_name {
    font-size: 9px;
  }
  .MobilePage .fixture-time {
    font-size: 9px;
  }
  .top-sc-v span.league-name {
    font-size: 11px;
  }

  .MobilePage .top-sc-v span.match_date {
    font-size: 9px;
  }

  .MobilePage .fixture-details {
    font-size: 10px;
  }

  .MobilePage .weather-details,
  .MobilePage .venue-details {
    padding: 5px;
  }

  .MobilePage span.temperature-type {
    font-size: 10px;
  }
  .MobilePage
    .match-goal-timeline
    .match_before_half
    .single-match-item:first-child {
    padding-top: 8px;
  }
  #main_club_page_body
    .MobilePage
    .match-goal-timeline
    .match_before_half
    .single-match-item:first-child {
    padding-top: 20px;
  }
  .MobilePage .temperature-wrap {
    margin: 5px 0 0;
  }

  .MobilePage a.btn---medium {
    font-size: 9px;
  }

  .MobilePage .ops--divider span {
    font-size: 10px;
  }

  .MobilePage .match-goal-timeline {
    margin-bottom: 15px !important;
  }

  .MobilePage .match-goal-timeline > div {
    padding: 0px 0;
  }

  .top-header-item > .icon {
    width: 20px;
  }

  .MobilePage .header-section ul.top-header li {
    margin: 0px !important;
    font-size: 9px;
  }

  .MobilePage .match-goal-timeline span.event-details {
    font-size: 9px;
  }

  .MobilePage .match-goal-timeline span.event-time {
    font-size: 9px;
  }

  .MobilePage .match-goal-timeline span.event-player {
    font-size: 9px;
  }

  .MobilePage div#match-commentaries span {
    font-size: 9px !important;
  }

  .MobilePage div#match-commentaries span.cb_com_wrap span.cb_com_comment {
    padding-left: 5px;
  }

  .MobilePage h2.fram-titl.flex--card-l span.align-center {
    font-size: 9px;
  }

  .MobilePage
    .live-match-stats-formation
    .as--footer-action
    ul
    li
    div:first-child {
    font-size: 9px;
  }

  .MobilePage .live-match-stats-formation .as--footer-action ul li div span {
    font-size: 9px;
  }

  .MobilePage span.venue-location {
    font-size: 9px;
    margin-bottom: 0;
  }

  .MobilePage span.venue-title {
    font-size: 9px;
  }

  .MobilePage span.venue-icon {
    margin-right: 5px;
  }

  .cb-ful-scrn-popup-heading h3 {
    font-size: 15px;
  }

  .cb-ful-scrn-popup-heading p {
    font-size: 9px;
    margin-bottom: 15px;
  }

  .acces-btn-wrapper a {
    font-size: 9px;
  }

  .MobilePage .temperature-wrap span.primary-temperature {
    font-size: 11px;
  }

  .formation_section_live .away-formation span b a,
  .formation_section_live .home-formation b a {
    font-size: 8px;
    padding: 3px 5px;
    margin: 0;
    min-width: 50px;
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cbn_match_post_final_tittle {
    font-size: 8px;
    padding: 8px 10px;
    margin-top: 6px;
  }

  .cbn_match_persentage_bar_wrapper > p {
    font-size: 8px;
    padding: 4px;
  }

  .cbn_match_post_commentry_tittle {
    margin-bottom: 6px;
    font-size: 8px;
    font-weight: 600;
    padding: 6px 5px;
  }

  .match_post_footer_wrapper + .swipe {
    padding-bottom: 70px;
  }

  .MobilePage .match-goal-timeline .left span.event-player {
    left: 10px !important;
  }
  .MobilePage .container_timeline.type_Pen_Goal {
    margin: auto;
    width: 100%;
  }
  .content .timeline_pen_goal_wrap {
    width: 125px;
  }
  .MobilePage
    .container_timeline.type_Pen_Goal
    .content
    .timeline_pen_shootout {
    font-size: 10px;
  }
  .timeline_pen_goal_wrap.timeline_home_pen_goal {
    margin-right: 15px;
  }
  .timeline_pen_goal_wrap.timeline_away_pen_goal {
    margin-left: 15px;
  }
}

@media (max-width: 350px) {
  .MobilePage ul.wc_ultimate_team_news li.wc_parent_latest_feed_list {
    width: calc(100% - 130px);
  }

  .MobilePage ul[class^="wc_ultimate_team_news"] li.wc_ultimate_team_options {
    width: 125px !important;
  }

  .MobilePage
    ul#wc_ultimate_team_news_latest_bootom_wrap
    li:nth-child(2)
    span.post_liker {
    width: 55px;
  }

  .MobilePage
    ul#wc_ultimate_team_news_latest_bootom_wrap
    li:nth-child(2)
    span.post_comment_ico {
    width: 55px;
  }

  .MobilePage li.wc_ultimate_team_options label.wc_date_news {
    width: 90px;
  }
}

/*--------------------tip-preview-style------------*/

.ui-tooltip.preview-tip {
  width: 300px;

  padding: 0;

  max-height: 90%;

  overflow: auto;

  right: 0 !important;

  left: 0 !important;

  margin: auto;
}

.preview-tip .fixture-time span.match_time img {
  width: 37px;

  height: 37px;

  border-radius: 100%;

  vertical-align: middle;

  object-fit: cover;
}

.preview-tip .fixture-details {
  color: rgba(255, 255, 255, 0.6);

  display: inline-block;

  overflow: hidden;

  vertical-align: middle;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 13px;
}

.preview-tip .fixture-details span a {
  color: #fff;
}

.preview-tip .bet-btn {
  color: white !important;
}

.preview-tip a.btn---medium {
  padding: 10px 20px;
}

.preview-tip .swipe-wrap > div {
  padding: 20px 15px 10px;
}

.preview-tip a.close-tooltip {
  position: absolute;

  right: 10px;

  z-index: 1;

  top: 5px;

  color: white;

  border-radius: 100%;

  display: flex;

  font-size: 16px;

  align-items: center;

  justify-content: center;

  font-weight: bold;
}

.preview-tip ul#wc_ultimate_team_news_latest_bootom_wrap {
  margin-bottom: 15px !important;

  max-width: 100% !important;

  width: auto;

  background: #012064 !important;

  align-items: center;

  display: block !important;

  justify-content: space-between;

  padding: 10px;

  box-sizing: border-box;

  box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

  border-radius: 4px;

  overflow: hidden;
}

.preview-tip ul.wc_ultimate_team_news li.wc_parent_latest_feed_list {
  background: 0 0;

  position: relative;

  display: flex;

  align-items: center;

  width: calc(100% - 105px);

  float: left;

  padding: 6px 0;
}

.preview-tip a.wc_image_leftsm {
  height: 22px;

  max-height: 22px;

  width: 22px;

  min-width: 22px;

  border-radius: 100%;

  box-shadow: none;

  position: relative;

  display: inline-block;

  background: #0d2a66;

  overflow: hidden;
}

.preview-tip a.wc_image_leftsm span.bg_news_middle {
  border-radius: 100% !important;

  background-repeat: no-repeat;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  margin-bottom: 0;

  opacity: 1;

  background-position: center;

  top: 0;

  background-size: cover;
}

.preview-tip ul[class^="wc_ultimate_team_news"] .wc_news_feed_title {
  padding: 0 8px !important;

  display: inline-block;

  min-height: auto;

  width: 100%;

  box-sizing: border-box;

  overflow: hidden;

  background-color: transparent;
}

.preview-tip
  ul[class^="wc_ultimate_team_news"]
  .wc_news_feed_title
  span.cb_ttl_text {
  font-size: 10px !important;

  overflow: hidden;

  margin-bottom: 0;

  white-space: nowrap;

  margin-top: 0;

  text-overflow: ellipsis;

  color: #fff;

  display: block;

  line-height: 22px;
}

.preview-tip ul[class^="wc_ultimate_team_news"] li.wc_ultimate_team_options {
  display: flex !important;

  align-items: center;

  justify-content: space-between;

  width: 100px !important;

  float: right;
}

.preview-tip label.wc_date_news {
  left: 0;

  font-size: 9px;

  background-color: transparent;

  color: #fff;

  opacity: 0.7;

  position: relative !important;

  top: 0;
}

.preview-tip li.wc_ultimate_team_options label.wc_date_news {
  min-height: 32px;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  width: 65px;

  padding: 0;

  margin: 0;
}

.preview-tip
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_liker {
  width: 60px;

  min-height: 34px;

  text-align: center;

  justify-content: center;

  border-left: 1px solid #334c83;

  margin: 0;

  border-bottom: none;
}

.preview-tip
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_liker
  a.like-news-toplink {
  display: flex !important;

  justify-content: center;

  align-items: center;

  min-height: 34px;
}

.preview-tip span.post_comment_ico {
  bottom: 0;
}

.preview-tip
  ul#wc_ultimate_team_news_latest_bootom_wrap
  li:nth-child(2)
  span.post_comment_ico {
  width: 63px;

  display: block !important;

  border-left: 1px solid #334c83;

  padding: 0;

  margin-bottom: 0;
}

.preview-tip ul[class^="wc_ultimate_team_news"] .news-card-comments {
  padding: 7px 20px 7px 31px;

  float: none;

  overflow: hidden;

  margin-right: 0;

  width: 100%;

  box-sizing: border-box;
}

.preview-tip ul[class^="wc_ultimate_team_news"] .news-comment-section {
  display: inline-block !important;

  border: none !important;

  padding: 0 !important;

  margin: 0 !important;

  width: 100% !important;

  max-width: 140px;
}

.preview-tip div[class^="player_"] img {
  display: inline-block;
}

.preview-tip .heart-image {
  width: 30px;

  padding: 0;
}

.preview-tip span.post_comment_ico a img.comment-icon {
  width: 35px;
}

.preview-tip span.post_comment_ico img.comment-icon {
  filter: brightness(0) invert(1);

  opacity: 0.7;
}

.preview-tip .ops--divider {
  font-family: Montserrat;

  font-size: 18px;

  font-weight: 700;

  font-style: normal;

  font-stretch: normal;

  line-height: normal;

  letter-spacing: normal;

  text-align: left;

  color: #fff;

  padding: 0;
}

.preview-tip .ops--divider {
  font-size: 12px;

  font-weight: 400;

  margin-top: 11px;
}

.preview-tip .video-section .video-page-break-options {
  background-color: #012064;
}

.preview-tip .video-section {
  width: 100%;

  margin: 0 auto 25px;
}

.preview-tip section.fluid-width.fill-sk-blu {
  padding: 0;
}

.preview-tip span#player_mob_popup > a {
  color: #ffffff;

  font-weight: bold;

  margin-right: 0px;

  vertical-align: middle;
}

.preview-tip span.has_player_data > a {
  color: #012064 !important;

  font-weight: bold;

  font-size: 17px;

  margin-right: 10px;
}

.preview-tip span#player_mob_popup > p.no_data_player {
  padding: 7px;
}

.ui-widget.ui-widget-content {
  border: 1px solid #3e578a;

  box-shadow: none;
}

.cb_app div#cb_swipe {
  visibility: visible;
}

div#player_mob_popup .header-section.fixed-search-bar {
  position: unset !important;
}

div#player_mob_popup .header-section.fixed-header-bar {
  position: unset !important;
}

span.player_mob_popup_span_wrap {
  position: fixed;

  top: 50px;

  left: 0;

  border: 1px solid #3e578a;

  right: 0;

  max-height: 85%;

  max-width: 300px;

  margin: auto;

  overflow: auto;

  z-index: 99999;

  background-color: #0e2d6d;
}

span.player_mob_popup_span_wrap > a.close-tooltip {
  position: absolute;

  right: 10px;

  z-index: 1;

  top: 5px;

  border-radius: 100%;

  text-decoration: none;

  display: flex;

  font-size: 16px;

  align-items: center;

  justify-content: center;

  color: #ffffff;

  font-weight: bold;

  margin-right: 0px;

  vertical-align: middle;
}

span.player_mob_popup_span_wrap > p.no_data_player {
  padding: 6px;

  color: white;
}

.MobilePage .sc-rte .sea-cont .left-section-players > li {
  justify-content: flex-start;
}

.MobilePage .sc-rte .sea-cont .right-section-players > li {
  flex-direction: row-reverse;
}

/*----------------------------------------*/

@keyframes lds-ripple {
  0% {
    top: 96px;

    left: 96px;

    width: 0;

    height: 0;

    opacity: 1;
  }

  100% {
    top: 18px;

    left: 18px;

    width: 156px;

    height: 156px;

    opacity: 0;
  }
}

@-webkit-keyframes lds-ripple {
  0% {
    top: 96px;

    left: 96px;

    width: 0;

    height: 0;

    opacity: 1;
  }

  100% {
    top: 18px;

    left: 18px;

    width: 156px;

    height: 156px;

    opacity: 0;
  }
}
/* ...prediction popup style */

.first_timer-user .center_content .Predict_title {
  text-align: center;
  background: #fff;
  padding: 20px;
  position: relative;
  margin: 10px;
  border-radius: 6px;
}
.Predict_title > p {
  font-size: 18px;
  width: 100%;
  color: #012064;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.first_timer-user .center_content {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block !important;
  left: 50%;
  width: max-content;
  margin: 0 auto;
}
.first_timer-user > .center_content.predcit_score {
  width: 100%;
}
.Predict_title .predict_close {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #012064;
}
.center_content.predcit_score .clubs-prediction_wrap {
  padding: 50px 0px;
  margin-top: 0px !important;
}
.first_timer-user .center_content > div {
  margin: 10px 0px 0px;
}
.predcit_score .clubs-prediction_wrap .predicted_clubs {
  max-width: 460px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto;
  padding-top: 10px;
}
.predicted_clubs .home-club_prediction,
.predicted_clubs .away-club_prediction {
  text-align: center;
}
.cb_prediction_clubs .cb_club_logo_wrap {
  width: 100px;
  height: auto;
  margin: auto;
  display: flex;
}
.predicted_clubs img.cb_club-img {
  width: 100px;
  height: auto;
  margin: auto;
}
.home_predict-select,
.away_predict-select {
  text-align: center;
  margin-top: 20px;
  position: relative;
}
.clubs-prediction_wrap .predict_button {
  margin: 0px auto;
  text-align: center;
  padding: 20px 0;
  max-width: 250px;
}
.predcit_score .clubs-prediction_wrap .predicted_clubs {
  max-width: 460px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto;
  padding-top: 10px;
}
.home_predict-select > select,
.away_predict-select > select {
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  appearance: none;
  min-width: 150px;
  color: rgb(255, 255, 255);
  letter-spacing: 0px;
  padding: 6px;
  border-radius: 6px;
  outline: none;
  background: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  font-family: "Montserrat", sans-serif !important;
  line-height: 1.3;
}
.predicted_clubs select > option {
  color: #012064;
  font-weight: 500;
  letter-spacing: 0px;
}
.predit_pop_bg {
  position: absolute;
  top: 0;
  z-index: -1;
  margin: 0 !important;
  background: linear-gradient(
    180deg,
    #12187b 0%,
    #12187d 10.94%,
    #151b87 21.35%,
    #1a22a1 33.85%,
    #1c25a9 43.23%,
    #141985 58.33%,
    #101575 80.21%,
    #0e136f 100%
  );
  width: 100%;
  height: 100%;
}
.clubs-prediction_wrap .predict_button a {
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #012064;
  cursor: pointer;
  width: 100%;
  letter-spacing: 0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 0;
  border-radius: 6px;
  text-transform: uppercase;
  margin: auto;
  border: 1px solid;
}
.predict_button .btn_predict:hover {
  color: rgb(255, 255, 255);
  background: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
}
.Predict_title .predict_close > i {
  font-size: 28px;
}
.home_predict-select > select,
.away_predict-select > select {
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  appearance: none;
  min-width: 150px;
  color: rgb(255, 255, 255);
  letter-spacing: 0px;
  padding: 6px;
  border-radius: 6px;
  outline: none;
  background: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
}
.home_predict-select::before,
.away_predict-select::before {
  content: "";
  font-size: 18px;
  font-family: fontawesome;
  color: #fff;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  pointer-events: none;
  z-index: 99;
}
.MobilePage .section-wrapper > .flex--column {
  margin-top: 10px;
}
div#match-backup-header-section-wrap {
  padding-top: 2px;
}
.cb_items_slider::-webkit-scrollbar-track {
  background: transparent !important;
}
.live-match-stats-formation .as--footer-action ul {
  display: flex;
  width: 100% !important;
  overflow: auto;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 500px) {
  .center_content.predcit_score .clubs-prediction_wrap {
    padding: 25px 0;
  }
  .clubs-prediction_wrap .predict_button a {
    font-size: 12px;
    padding: 6px;
  }
  .match_page_global_style .glance_post_title {
    font-size: 14px;
  }
  .clubs-prediction_wrap .predict_button {
    padding: 10px 0;
    max-width: 120px;
  }
  .match_after_stats_type {
    font-size: 11px;
  }
  .match_after_stats_data span {
    padding: 6px 10px;
    font-size: 10px;
  }
  .live-match-stats-formation .as--footer-action ul::-webkit-scrollbar-thumb {
    background: #ffffff80 !important;
  }
  .live-match-stats-formation .as--footer-action ul::-webkit-scrollbar {
    height: 4px !important;
  }
  .match_after_stats_data {
    margin: 8px 0 16px;
  }
  .predicted_clubs img.cb_club-img {
    width: 50px;
  }
  .Predict_title .predict_close {
    right: 10px;
  }
  .predicted_clubs .club-vs > img {
    width: 30px;
    height: auto;
  }
  .first_timer-user > .center_content.predcit_score {
    width: calc(100% - 30px);
  }
  .predcit_score .clubs-prediction_wrap .predicted_clubs {
    max-width: 300px;
  }
  .home_predict-select > select,
  .away_predict-select > select {
    min-width: 100px;
    font-size: 12px;
    border-radius: 4px;
  }
  .Predict_title > p,
  .Predict_title .predict_close > i {
    font-size: 14px;
  }
  .home_predict-select:before,
  .away_predict-select:before {
    font-size: 14px;
    right: 10px;
  }
  .first_timer-user .center_content .Predict_title {
    padding: 8px;
    border-radius: 4px;
  }
}

.content-wrapper .top-header-wrapper .new_page-close {
  top: 50%;
  left: 20px;
  position: absolute !important;
  padding: 10px;
  color: #fff;
  transform: translate(0px, -50%);
}

.content-wrapper
  .top-header-wrapper
  .new_page-close
  .fa-arrow-left-long:before {
  font-size: 25px;
}

.MobilePage .swipe {
  visibility: visible !important;
}

.swipe-wrap .section-wrapper {
  display: none;
}

.swipe-wrap .section-wrapper.active {
  display: block;
}

li.top-header-item.section-info.back-arrow {
  margin-top: 11px;
}

.MobilePage .header-section.new-header-section ul.top-header {
  background: #011855;
  position: fixed;
  width: 100%;
  border-top: 1px solid #e4e4e46b;
}
.match_details_for_homepage
  .MobilePage
  .header-section.new-header-section
  ul.top-header {
  top: 81px;
}
.match_details_for_homepage .page-wrapper.MobilePage .page-header {
  padding: 95px 0px 95px;
}
.formation_seen_1 .header-section.new-header-section ul.top-header {
  position: static;
}
.back-arrow {
  border: none;
  background-color: #fff;
  border-radius: 8px;
  height: 34px;
  width: 40px !important;
  height: 40px;
  /* margin-top: 7px; */
}

.back-arrow .icon {
  /* width: 40px;
            height: 40px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-title {
  display: none;
}

.back-arrow .icon i {
  color: #011855;
  font-size: 14px;
}

.MobilePage .header-section.new-header-section ul.top-header li.active {
  border-bottom: 3px solid #ed3237;
}

.MobilePage .header-section.new-header-section ul.top-header {
  border-image: none;
  border-bottom: 0px;
}

.MobilePage .header-section.new-header-section ul.top-header {
  align-items: center;
}

.top-header-item > .icon img {
  object-fit: contain;
}

.MobilePage .header-section.new-header-section ul.top-header li.active {
  font-weight: 700 !important;
  opacity: 1;
}

.header-section.new-header-section .top-header-item > .icon-title {
  padding: 2px 0px 8px;
  letter-spacing: 0.5px;
}

.update-live-score-structure {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap {
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
} */

.relative-parent {
  position: relative;
  margin-top: 20px;
  /* margin-bottom: 60px; */
  padding-inline: 0px;
}

.MobilePage .card--ac--listner {
  margin-top: 35px;
}

.relative-parent .top-sc-v {
  margin-bottom: 0px;
}

.custom-diagram-wrapper {
  position: absolute;
  right: 16%;
  top: -27px;
}

.sc-box-ba {
  padding-top: 35px;
}

.icon-title {
  /* display: none; */
}

@media screen and (max-width: 540px) {
  /* .desktop-view {
                display: none !important;
            } */
  .page-wrapper.MobilePage .page-header {
    padding: 65px 15px 50px;
  }

  li.top-header-item.section-info.back-arrow {
    /* margin-top: 7px */
    height: 27px;
    width: 27px !important;
  }

  .back-arrow .icon i {
    font-size: 12px;
  }

  .custom-diagram-wrapper {
    right: 20%;
  }

  .header-section.new-header-section .top-header-item > .icon-title {
    padding: 2px 0px 8px;
  }

  .back-arrow {
    border-radius: 4px;
  }

  .relative-parent {
    /* height: 340px;
                margin-bottom: 80px; */
    margin-block: 0;
    /* height: 460px; */
    /* margin-bottom: 70px; */
    padding-inline: 0;
  }

  .MobilePage .card--ac--listner {
    margin-top: 25px;
  }

  .sc-box-ba {
    padding-top: 25px;
  }

  .relative-parent .top-sc-v {
    margin-bottom: 0px;
  }
}

@media (max-width: 500px) {
  .content-wrapper .top-header-wrapper .new_page-close {
    left: 12px;
  }
  .live_match_bottom_post_section {
    width: calc(100% - 25px);
  }
  .content-wrapper
    .top-header-wrapper
    .new_page-close
    .fa-arrow-left-long:before {
    font-size: 15px;
  }
  .MobilePage .no-data {
    margin-top: 14px;
  }
  .top-header-wrapper .back_clicked > i {
    animation: myAnim 5s ease 0s 1 normal forwards;
    color: #0086e3;
  }

  @keyframes myAnim {
    0%,
    100% {
      transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70% {
      transform: translateX(-8px);
    }

    20%,
    40%,
    60% {
      transform: translateX(8px);
    }

    80% {
      transform: translateX(8px);
    }

    90% {
      transform: translateX(-8px);
    }
  }
  .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
    padding: 15px 5px !important;
  }
  ul.items-list.main-items.cb_items_slider::-webkit-scrollbar {
    display: block !important;
  }
  .MobilePage div#section-stats,
  .MobilePage div#section-table,
  .MobilePage div#section-lineups {
    margin-bottom: 0px;
  }
  .match_details_for_homepage
    .MobilePage
    .header-section.new-header-section
    ul.top-header {
    top: 58px;
  }
  .match_details_for_homepage .page-wrapper.MobilePage .page-header {
    padding: 81px 15px 50px;
  }
}