/* =========================================================================================
@Description: Main Stylesheet (Internal)
============================================================================================ */

/* Reset & Basics ============= */
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, adMontserratess, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
/* ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; } */
a img { border: 0; background: none; }
img	{ vertical-align: middle; } ins { text-decoration: none; }
del { text-decoration: line-through; }

/* Default Styles ============= */
a, .hpLink { color: #000; text-decoration: none; }
a:hover, a:focus {  border: none; text-decoration: none; }
.invisible{visibility:hidden}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

select option { color: black; }
/* Utility Classes ============= */
.hide{ display:none !important; }
.alignL 	{ text-align: left !important; }
.alignR 	{ text-align: right !important; }
.alignC 	{ text-align: center !important; }
.alignJ 	{ text-align: justify !important; }
.borderLeft  { border-left: none !important;}
.borderRight{ border-right: none !important;}
.floatLeft    { float: left !important; }
.floatRight  { float: right !important; }
.last 		{ margin-right: 0px !important; }

.noSpacing  { margin: 0!important; padding: 0!important; }
.uppercase  { text-transform: uppercase!important; }
.no-border  { border: 0 none !important; }
.no-padding, .noPadding { padding: 0 !important; }
.no-margin, .noMargin  { margin: 0 !important; }
.no-float   { float: none !important; }
.no-bold    { font-weight: normal!important; }
.marginL    { margin-left: 20PX !important; }
.marginR    { margin-right: 0 !important; }
.noPadB   { padding-bottom: 0 !important; }
.noPadL   { padding-left: 0 !important; }
.noPaMontserrat   { padding-right: 0 !important; }
.forBreak { display: block; }
.circle{border-radius:50%}
.center-block{display:block;margin-left:auto;margin-right:auto}
.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-padding{padding:0!important}
.fStyle { font-style: normal !important; }

.marginR5   { margin-right: 5px; }
.marginR10  { margin-right: 10px; }
.marginR15  { margin-right: 15px; }
.marginR20  { margin-right: 20px; }
.marginR25  { margin-right: 25px; }
.marginR30  { margin-right: 30px; }
.marginR35  { margin-right: 35px; }
.marginB5   { margin-bottom: 5px; }
.marginB10  { margin-bottom: 10px; }
.marginB15  { margin-bottom: 15px; }
.marginB20  { margin-bottom: 20px; }
.marginB25  { margin-bottom: 25px; }
.marginB25  { margin-bottom: 25px; }
.marginB30  { margin-bottom: 30px; }
.marginB35  { margin-bottom: 35px; }
.marginB40  { margin-bottom: 40px; }
.marginT5   { margin-top: 5px; }
.marginT10  { margin-top: 10px; }
.marginT15  { margin-top: 15px; }
.marginT20  { margin-top: 20px; }
.marginT25  { margin-top: 25px; }
.marginT25  { margin-top: 25px; }
.marginT30  { margin-top: 30px; }
.marginT35  { margin-top: 35px; }
.marginT40  { margin-top: 40px; }
.marginL5   { margin-left: 5px; }
.marginL10  { margin-left: 10px; }
.marginL15  { margin-left: 15px; }
.marginL20  { margin-left: 20px; }
.marginL25  { margin-left: 25px; }
.marginL30  { margin-left: 30px; }
.marginL35  { margin-left: 35px; }


/* = Default List View Style  
----------------------------------------------------------------------------------------------- */
ul.default, ol.default { color: #333333; clear: both; padding: 0 0 0 15px; margin: 0 0 15px; font: 14px/20px  var(--font-content);  }
ol.default { padding: 0 0 0 18px; }
ol.default li, ul.default li,  ul.arrow li{ list-style-position: outside; }
ol.default li { list-style-type: decimal; }
ul.default li { list-style-type: disc;}
ul.circle li { list-style-type: circle; }
ul.alpha li { list-style-type: lower-alpha; }
ol.roman { overflow: hidden; }
ol.roman li { list-style-type: lower-roman; }
ol.decimal li { list-style-type: decimal; }
ul.no-bullet li, ol.no-bullet li { list-style: none; }

.anim { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pageTitle { text-align: left; text-transform: capitalize; font: bold 14px/1.2rem var(--font-header);  
color: var(--primar-blue-color);  padding: 0 !important; margin-bottom: 9px; }
.sepDot{ border-bottom: 1px dashed #bbb;  display: block; clear: both; margin: 2rem 0; }

/* Page Wrapper ============= */
html, body { height: 100%; }

.secTag { color: #fff; display: inline-block; overflow: hidden; font: 500 11px/16px  var(--font-content); border-radius: 2px; margin: 0 0 10px 0; background: #9e9e9e;  
padding: 2px 7px;  z-index: 999; text-transform: uppercase; letter-spacing: 0.5px; } 
.textColor { color: #ffffff; }

/* ================================================================================================ */
/*  Default Card Style
/* ================================================================================================ */


.SMbriefScoreWidget .smRow .col { float: none; }
.SMbriefScoreWidget #home-widget { background: #480838; }
.smTabContent { display: black; overflow: hidden; }

ul.smTabs { list-style: none; display: inline-block; background: #eeeeee; width: auto; border-top-left-radius: 5px;  border-top-right-radius: 5px; }
ul.smTabs li.tab{ float: left;  padding: 0; }
ul.smTabs li.tab a{ transition: all 0.25s ease-in-out; font-weight: 900; font-size: 14px; line-height: 20px; color: #7f092f; padding: 8px 15px; background: transparent; opacity: 0.5; border-radius: 0; }
ul.smTabs li.tab a:hover, .smTabs .tab a.active { color: #ffffff; background: #7f092f;opacity: 1; }

.leftSection { display: block; overflow: hidden; }

/* Player Card */
.liveResBlock .section__title .title-heading-center,
#fixCountDown .section__title .title-heading-center { color: #000000; }
#fixCountDown .section__title .title-heading-center { margin-top: 30px; }
.liveResBlock .section__title .title-heading-center span { display: inline-block; vertical-align: middle; line-height: 1; }
.liveResBlock .section__title .title-heading-center span:nth-child(2) { margin-left: 5px; line-height: 1.1; 
 color: #c3252f; padding: 2px 6px; }
.liveResBlock .section__title .title-heading-center::after, .liveResBlock .section__title .title-heading-center::before { background-color: #c3252f; }

.section__title .title-heading-center.recent-result-title::after,
.section__title .title-heading-center.recent-result-title::before,
.section__title .title-heading-center.next-result-title::after,
.section__title .title-heading-center.next-result-title::before  {background-color: #000000;}

.sb-section { display: block; overflow: hidden; }
#onFieldPlayer { display: block; clear: both; overflow: hidden; margin-bottom: 5px; margin-top: 20px; }

.playerCard { position: relative;display: flex;align-items: center;}
p.greenDot, p.redDot { margin: 0; }
.greenDot { width: 20px;
height: 20px;
position: absolute;
top: 10px; left: -2px;
text-indent: -99999px;
background-image: url("../images/bat_icon.png");
background-size:20px;
background-repeat: no-repeat; }
.redDot {
	width: 20px;
    position: absolute;
    top: 15px; left: 5px !important;
    text-indent: -99999px;
    background-image: url("../images/ball_icon.png");
    background-size: 15px;
    background-repeat: no-repeat;
}
.playerCard p.plyPhoto { width:35px; height: 35px; background: #fff; border-radius: 50%; display: inline-block; vertical-align: middle; 
overflow: hidden; margin: 0 6px 0 20px; }
.playerCard .plyPhoto img { width: 100%; height: 100%;
object-fit: cover; object-position: top center;}
.playerCard .playerContent p { margin-bottom: 0 !important; }
.playerCard .playerContent { text-align: left; }
.playerCard .playerContent .mainStats { color: #0182e3; font:700 13px/20px 'Montserrat', sans-serif; }
.playerCard .playerContent .mainStats i{font-style: normal;font-weight: 400;font-size: 12px;margin-left: 3px;}
.playerCard .playerContent .plyName { padding-right: 8px; }
.playerCard .playerContent .otherStats span { font-weight: 400; color: #666666;  }
.playerCard .playerContent .otherStats span:not(:last-child){ margin-right: 15px; }
.playerCard .playerContent .otherStats span i { font-family: 'Montserrat'; font-weight: 500; font-style: normal; color: #0182e3; margin-left: 3px; }
.playerCard .curPlyTeamLogo { position: absolute; top: 3px; z-index: 0; right: 3px;  }
.playerCard .curPlyTeamLogo img { z-index: 9999;width: 35px; opacity: 0.55; }

.name-strip p { display: inline-block; vertical-align: middle; }
.sepLine{ display:none; height:1px; background:black; clear: both;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 200, from(#961941), to(rgba(0,0,0,0))); margin-bottom: 10px; }
p.tossDetails { text-align: center; color: #000; font: 700 16px/20px 'Montserrat', sans-serif; margin-bottom: 20px;  text-transform: uppercase;}	


.match__tag .matType .team-name_short { text-transform: uppercase; }
.match__tag .matDate { display: block; text-align: center; font-size: 14px; font-weight: 600; }
.liveResInnrBlock .matType span.dayCount { color: #ffffff; font-weight: 600; font-size: 14px; }
.matType span.liveTag { font-weight: 700; font-size: 14px; border-radius: 3px; color: #d52228; text-transform: uppercase; padding: 0 5px; margin-right: 5px;  }
.matType span.matTourName {color:#FFF;  font-size: 14px; font-weight: 500; width: 200px;
text-align: center; }

/* Team Score */
p.tmLogoStrip { display: block; text-align: center; margin: 0 0 10px 0; }
.tmLogoStrip span {display: block; font: 700 14px/18px 'Montserrat', sans-serif; text-transform: uppercase; }
.tmLogoStrip span.tLogo { width: 90px; height: 90px; border-radius: 50%; display: inline-block; overflow: hidden;}
.tmLogoStrip span.tLogo img { max-width: 80px;width: 100%;  }

.teamScore { text-align: center; color: #000000; margin: 0 0 15px 0;  display: block; overflow: hidden; }
.teamScore span { display: block; }
.teamScore .run { font: 900 34px 'Montserrat', sans-serif; line-height: 1.1; }
.teamScore .runRate { font: 400 15px/18px 'Montserrat', sans-serif; color: #202020; }
.teamScore .runRate i { font-style: normal; }
.teamScore .runRate i:not(:last-child) { margin-right: 10px; }

/* Center Innings */
.tvt, .tvtInn { text-transform: uppercase; text-align: center; font: 700 16px/42px 'Montserrat', sans-serif; }
.tvt { line-height: 100px; }

/* Result Strip */
.bottomStrip { display: block; color: #000; }
.bottomStrip .matResult { text-align: center; color: #000; margin: 0 25px; text-transform: uppercase; padding: 25px 0; font: 700 14px/20px 'Montserrat', sans-serif; 
display: block; border-top: 1px solid #aaaaaa; clear: both; }
.bottomStrip .matResult span { display: block; }
.bottomStrip .matResult span i {font-style: normal;}
.bottomStrip .matResult span i:not(:last-child) { margin-right: 10px;}
.bottomStrip  a.mcLink { text-align: left; transition: all 0.25s ease-in-out;  font: 900 20px 'Montserrat', sans-serif; line-height: 1.2; text-transform: uppercase; overflow:hidden; 
display: block; padding: 18px; color: #fff; background:#00518f; }
.bottomStrip  a.mcLink i { display: inline-block; vertical-align: middle; float: right; }
.bottomStrip  a.mcLink i svg { width: 28px; margin: 0; }
.bottomStrip  a.mcLink:hover, .bottomStrip  a.mcLink:focus { background: #9b3129; color: #fff;  }
.bottomStrip  a.vdLink:hover , .bottomStrip  a.vdLink:focus vdLink { background: #d52228; }
.bottomStrip  a.vdLink {border-right: 1px solid rgba(255,255,255,0.35); background:#9b3129; }
.bottomStrip  a.vdLink img { display: inline-block; vertical-align: middle; width: 24px; margin-right: 10px;  }
.bottomStrip  a.vdLink span { text-align: left; display: inline-block; vertical-align: middle; }

.mcCmd, .mcBrk { color: #000000; }

/* RIGHT SECTION */
.rightSection { max-height: 445px; overflow-y: auto;  border-left: 1px solid rgba(255,255,255,0.75); display: block; padding: 20px 30px; }
.rightSection  h1 { padding: 3px 5px; display: inline-block; font: 700 15px/17px 'Montserrat', sans-serif !important; margin: 0 0 5px 0; color: #fff; text-transform: uppercase; }
.rightSection .tourDropdown { background: #d7d8da; color: #d52228; font: 500 13px/16px 'Montserrat', sans-serif; 
padding: 3px 5px; margin: 0 0 10px 0; }

.rightSection ul.matches li.card { padding: 10px; margin: 0 0 10px 0; border-radius: 0; }
.rightSection ul.matches li.card:last-child { margin-bottom: 0; }
ul.matches { margin-bottom: 10px; list-style: none; }
ul.matches li .cardTopStrip {line-height: 18px; }
ul.matches li .cardTopStrip p{ display: inline-block; vertical-align: middle; font: 400 13px/16px 'Montserrat', sans-serif; }
ul.matches li .cardTopStrip p.mthCount { color: #fff; font-size: 11px; background: #333; padding: 2px 5px; margin-right: 10px; text-transform: uppercase; font-weight: 700;  }
ul.matches li .cardTopStrip p.mthVenue { color: #d52228; text-transform: uppercase; }
ul.matches li .teamPlay { display: block; overflow: hidden; }
ul.matches li .teamPlay .tmLogoStrip { text-align: left; margin: 5px 0 0; }
ul.matches li .teamPlay .tmLogoStrip span { display: inline-block; vertical-align: middle; }
ul.matches li .teamPlay .tmLogoStrip span.tmName { font: 700 14px/18px 'Montserrat', sans-serif; color: #131313; }
ul.matches li .teamPlay .tmLogoStrip span.tmName i { font-style: normal; display: block;}
ul.matches li .teamPlay .tmLogoStrip .tLogo { margin: 0 8px 0 0; width: 35px; height: 35px; background: #ffffff; } 
ul.matches li .teamPlay .tmLogoStrip .tLogo img { width: 25px; margin: 4px; }
ul.matches li .cardBottomStrip { color: #434343; line-height: 14px; padding-bottom: 2px;}
ul.matches li .cardBottomStrip p { display: inline-block; vertical-align: middle;font: 400 12px/15px 'Montserrat', sans-serif; }
ul.matches li .cardBottomStrip p.mthTime{ margin-left: 10px;}

ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName { font: 400 13px/16px 'Montserrat', sans-serif; }
ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i { font: 700 15px/19px 'Montserrat', sans-serif; }
ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin { opacity: 1; }
ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin span.tmName { color: #d52228;}

ul.matches li .cardTopStrip p.mcOrder{ font-size: 12px; font-weight: 700;color: #d52228; text-transform: capitalize; margin-right: 8px;  }

/*===== FIXTURE COUNTDOWN =====*/

/* Fixture Timer */
.countdownTitle { padding: 0; margin: 10px 0; text-align: center; }
.GVdetails { padding: 0 !important; margin-bottom: 20px; }
.GVdetails span { display: inline-block; vertical-align: middle; }
.GVdetails b { display: inline-block; vertical-align: middle; font-weight: 700; font-size: 12px; }

/*===== Countdown TImer =====*/
#tournamentCountdown.fixtureTimerCountdown{ display: black; overflow: hidden; text-align: center; color: #131313; padding: 5px 10px 10px; margin: 0 auto 20px; border-radius: 5px; }
#tournamentCountdown.fixtureTimerCountdown .fixtureTimer { line-height: 1; text-align: center; margin: 0 2px; padding: 5px 10px; display: inline-block; overflow: hidden; background: #b77e1b;}
#tournamentCountdown.fixtureTimerCountdown.inactive{display:none !important;}

#tournamentCountdown .fixtureTimer i { font-size: 56px; font-family: Montserrat; color: rgba(0,0,0,0.6); font-style: normal;margin-left: 10px; }
#tournamentCountdown .fixtureTimer:last-child{border:0;}
#tournamentCountdown .fixtureTimer .timervalue,
#tournamentCountdown .countdownTitle{  font: 800 28px 'Montserrat', sans-serif; line-height: 1; 
display: block; text-align: center; margin-bottom: 2px;   color: #ffffff; }
#tournamentCountdown .fixtureTimer .timerLabel { color: #fff9; font-size: 12px;font-family: 'Montserrat', sans-serif; font-weight: 500;text-transform: uppercase; }

.countdownTitle { font-size: 14px; font-weight: 700; display: block; overflow: hidden; font-family: 'Montserrat', sans-serif  }
.countdownTitle i{ font-style: normal; font-family: 'Montserrat', sans-serif; color: #ffffff75; font-weight: 500; display: inline-block; vertical-align: middle;  padding: 0 0 0 5px; }
.countdownTitle span { font-family: 'Montserrat', sans-serif;  text-transform: uppercase; display: inline-block;vertical-align: middle; color: #ff0000; font-weight: 600; }

#fixCountDown  .tmLogoStrip span.tLogo { width: 125px; height: 125px;}
#fixCountDown .tmLogoStrip span { font-size: 18px; line-height: 24px; }
#fixCountDown .bottomStrip .matResult span{ font: 700 14px/20px 'Montserrat', sans-serif; text-transform: uppercase; }
#fixCountDown .tvt { color: #202020; }
#fixCountDown .tmLogoStrip span.tmName { display: block; color: #000000; font-weight: 900; font-size: 13px; line-height:1; }
#fixCountDown .matType { text-align: center;  display: block; color: #ffffff; }
#fixCountDown .matType span {font-size: 12px;}
#fixCountDown .matType span.dayCount { display: none; }
#fixCountDown p.tmLogoStrip { margin-bottom: 20px !important; }
.liveResBlock .slideBtn { margin: 0 auto;  }
.result__strip .slideBtn { display: none; }
.prevBtn, .nextBtn { position: absolute; top: 40%; }
.prevBtn img {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.nextBtn { right: 15px; }
.prevBtn { left: 15px; }
.prevBtn img, .nextBtn img { width: 20px; }


/*===== Teams Page =====*/

.flex-grid {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}

/*.section__title .title-heading-center::after,
.section__title .title-heading-center::before{ background-color: #fff;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 7%;}
.section__title .title-heading-center::after{left:20px;margin-right:-50%}
.section__title .title-heading-center::before {right: 20px;margin-left: -50%;}*/

.teams-page__hero{position:relative;color:#fff;background-color:#202020;background-image:url(../images/teams-hero.jpg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:10;padding:30px 30px 40px}
.teams-page__hero::after {position: absolute;content: "";
bottom: 0; left: 0; right: 0; width: 100%;height: 40%;
background: -webkit-linear-gradient(0deg,#202020 0,rgba(32,32,32,.45) 70%,rgba(32,32,32,0));
background: -moz-linear-gradient(0deg,#202020 0,rgba(32,32,32,.45) 70%,rgba(32,32,32,0));
background: linear-gradient(0deg,#202020 0,rgba(32,32,32,.45) 70%,rgba(32,32,32,0));
z-index: -1; }

.teams-logo__list { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
 justify-content: center; }
.teams-logo__list::before,
.teams-logo__list::after {content: ''; display: block; }
.teams-logo__list .teams-logo__items { max-width: 130px; width: 100%; margin: 0 5px; }
.teams-logo__list .teams-logo__items a { 
background: #ffffff;  border-radius: 20px;  cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
max-width: 130px; width: 100%; min-height: 130px; height: 100%;
transition-property: color,background-color,border-color;transition-duration: .2s;transition-timing-function: linear; 
overflow: hidden;
-webkit-box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px; box-shadow: rgba(0, 0, 0, 0.55) 0px 3px 10px 0px;  
 }
.teams-logo__list .teams-logo__items a img { border-style: none;vertical-align: top;max-width: 120px; height: auto;}
.teams-logo__list .teams-logo__items:hover a, .teams-logo__list .teams-logo__items:focus a,
.teams-logo__list .teams-logo__items.current a{ background-color:#000000; }

.teams-page__main, .player-page__main {  background-color: #202020; display: block; overflow: hidden;  }
.teams-page__bg { display: block; overflow: hidden; background: #fff; max-width: 1366px; width: 100%; padding: 40px; margin: 0 auto;}
.teams-page__header { display: block; overflow: hidden; margin-bottom: 30px; clear: both; }
.teams-page__header  .team-header__left { text-align: left; }
.teams-page__header  .team-header__left  .team-logo ,
.teams-page__header  .team-header__left  .team-name { display: inline-block; vertical-align: middle; }
.teams-page__header  .team-header__left  .team-logo img { max-width: 54px; width: 100%;  }
.teams-page__header  .team-header__left  .team-name { text-transform:uppercase; color: #000000; font-size: 26px; font-weight: 500; padding: 0 15px; line-height: 1.5; }
.teams-page__header  .team-header__right { text-align: right; }
.teams-page__header  .team-header__right img { width: 90px; padding: 15px 0; }
.team-list__list {display: flex; flex-wrap: wrap; }
.team-list__person-container { width: 25%; padding: 0 1rem; margin-bottom: 30px;}

.team-person {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    background: #ffffff;
	width: 100%;
	box-shadow: 0 3px 25px rgba(150,150,150,.4);
	border-radius: 20px;
	padding-top: 40px;
	padding-bottom: 40px
}
.team-person::before {
    content: "";
    background-color:#000000;
    position: absolute; left: 0;top: 65%; right: 0; bottom: 0;z-index: 10; 
	transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;}

.team-person__container {
    padding-top: 50%;padding-bottom: 50%;
}
.team-person__picture { position: absolute;top: 0; left: 0; right: 0; text-align: center; width: 100%; height: 100%; text-align: center; }
.team-person__picture img { width: 210px;height: 100%;object-fit: contain;object-position: top center;} 
.team-person__info, .team-person__text {position: absolute;bottom: 0;left: 0; right: 0; }
.team-person__text {
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}
.team-person__info {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translateY(-2.4rem);
    transform: translateY(-2.4rem);
    text-align: center;
    color: #fff;
    margin-bottom: 1.2rem;
	background-color:#000000;
}
.team-person__info .team-person__name { text-transform: uppercase; font: 20px/22px var(--font-content); font-weight: 900; color: #0082c6; margin-bottom: 5px; }
.team-person__info  .team-person__roll { font: 14px/16px var(--font-content); color: #dddddd; text-transform: capitalize; margin-bottom: 10px; }
.team-person__info, .team-person__text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.team-person__stats {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: translateY(115%);
    transform: translateY(115%);
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out;
    padding-top: 1.1rem;
    margin-bottom: 1.1rem;
    opacity: 0;
	color: #ffffff;
}
.team-person:hover .team-person__info {
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
	padding: 10px 0 0;
	
}
.team-person:hover .team-person__stats {
    -webkit-transform: translateY(-3rem);
    transform: translateY(-3rem);
    opacity: 1;
}
.player-stats__list {
    display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    align-items: flex-end;
    max-width: 32.7rem;
    margin: 0 auto;
    opacity: 0;
    transition: opacity .3s ease-out,max-height .3s ease-out;
    max-height: 0;
    overflow: hidden;
}
.player-stats__list--show {
    opacity: 1;
    max-height: 5rem;
}
.player-stats__item {
    flex: 1;
    overflow: hidden;
    text-align: center;
    padding: 0 .4rem;
}
.player-stats__item span { display: block; font-family: var(--font-content); text-transform: uppercase; }
.player-stats__item span.player-stats__value { font-size: 30px; line-height: 36px; font-weight: 900; }
.player-stats__item span.player-stats__title { font-size: 12px; line-height: 14px; font-weight: 400; }
.person-info__view { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font: 16px/18px var(--font-content); 
font-weight: 900; text-transform: uppercase; color: #fff; margin-bottom: 20px;
transition-property: color,background-color,border-color;transition-duration: .2s;transition-timing-function: linear; }
.person-info__view:hover {color: #fdc52c}
.team-management__section{ display: block; overflow: hidden; clear: both; margin-bottom: 20px; margin-top: 20px; padding: 0 40px; }
.team-owner, .team-coach { display: flex; align-items: center; justify-content: center; font-family: var(--font-content); margin-bottom: 20px; }
.team-owner .team-mang__title, .team-owner .team-mang__name,
.team-coach .team-mang__title, .team-coach .team-mang__name, .team-staff__item{  
-ms-transform: skewX(-20deg); /* IE 9 */
-webkit-transform: skewX(-20deg); /* Safari */
transform: skewX(-20deg);}

.team-owner .team-mang__title .mng-text, .team-owner .team-mang__name .mng-text,
.team-coach .team-mang__name .mng-text, .team-coach .team-mang__title .mng-text,
.team-staff__name{
	-ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg);
}
.team-owner .team-mang__title, .team-coach .team-mang__title { background: #0082c6; color: #fff; font-weight: 900; }
.team-owner .team-mang__name, .team-coach .team-mang__name, .team-staff__item { background: #fff; border: 1px solid #ccc;   }
.team-owner .team-mang__name,.team-coach .team-mang__name,
.team-owner .team-mang__title , .team-coach .team-mang__title{ font-size: 14px; font-weight: 500; line-height: 1.2; width: 50%; 
text-align: center; padding: 20px; text-transform: uppercase; display: inline-block; vertical-align: middle; height:55px;}
.team-coach .team-mang__title, .team-owner .team-mang__title { font-size: 16px;font-weight: 500; }

.team-support__staff { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;  margin-bottom: 20px; margin-top: 20px; padding: 0 40px;  }
.team-staff__item { width: 23%;text-align: center;padding: 0 20px; margin: 0 5px 10px;min-height: 70px;height: auto;
line-height: 1.5;display: flex;justify-content: center;align-items: center; }
.team-staff__name { text-transform: uppercase; font-size: 16px; }
.team-support__staff  .section__title .title-heading-center { color: #000000; }
.team-support__staff  .section__title .title-heading-center::after, 
.team-support__staff  .section__title .title-heading-center::before { background-color: #000000;}


/*===== Player Profile Page =====*/
.player-page__main .section__title .title-heading-center  { color: #000000; }

.player-page__main  .section__title .title-heading-center::after, 
.player-page__main  .section__title .title-heading-center::before { background-color: #000000; }
.section-sub__title { display: block; overflow: hidden; clear: both; color: #034ea2; text-align: center; text-transform: uppercase; 
font-weight: 700; font-size: 16px; margin-bottom: 30px; }

.player-hero { position: relative; padding: 20px 20px 0 20px; margin-bottom: 30px; 
background-image: linear-gradient(to right, #9670c1, #3e3b84); border-top-right-radius: 30px;
border-top-left-radius: 30px; min-height: 300px; height: auto; }

.player-hero__photo {position: absolute;bottom: 0;left: 0;
max-height: calc( 100% + 2rem);width: auto;max-width: 19rem;margin-left: 1rem;overflow: hidden;}

.player-hero__photo img { max-height: calc( 100% + 2rem);width: auto;max-width: 14rem; }
.player-hero__detail { color: #fff; padding-left: calc( 19rem + 1rem); }
.player-hero__detail .player-hero__name {  color: #fff; font-size: 26px; line-height: 1.2; font-weight: 900; text-transform: uppercase; margin-bottom: 10px; }
.player-hero__detail .player-hero__roll { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; margin: 0 30px 0 0; overflow: hidden; }
.player-hero__detail .player-hero__roll p { margin: 0 20px 20px 0; font-size: 15px; line-height: 1.1; font-weight: 500; text-transform: uppercase;  }
.player-hero__detail .player-hero__roll p span{ font-size: 14px; display: block; margin-bottom: 5px; text-transform: capitalize; font-weight: 400;}
.player-hero__stats { display: block; margin-bottom: 30px; }

.player-hero__stats .stats-box li { background-color: #000000; color: #fdc52c; display: inline-block; margin-right:10px; padding: 0.6rem 1.3rem; text-align: center;line-height: 1.2;}
.player-hero__stats .stats-box li p { margin: 0; }
.player-hero__stats .stats-box li .stats-lable { font-size: 14px; font-weight: 400;} 
.player-hero__stats .stats-box li .stats-value { font-size: 50px; font-weight: 900; line-height: 1;}

.player-hero__sponsor a { position: absolute; top: 30px; right:30px; }
.player-hero__sponsor a  img { width: 110px; }

.player-hero__social { padding-bottom: 15px; }
.player-hero__social .social-fb,
.player-hero__social .social-tw,
.player-hero__social .social-ins { display: inline-block; vertical-align: middle; margin-right: 5px; }
.social-link { display: block; }
.player-hero__social .social-fb a svg,
.player-hero__social .social-tw a svg ,
.player-hero__social .social-ins a svg  { fill: #ffffff; width: 38px; height: 38px; }

/*-- Tables --*/
table{border-collapse:collapse;border-spacing:0;width: 100%;}
td,th{padding:0}
table.tableDefault { font-family: var(--font-content); width: 100%; border: none; border-collapse: collapse; margin: 0 0 15px 0; }
table.tableDefault th, table.tableDefault td {  padding:8px; text-align: center;}
table.tableDefault thead th { font-weight: 700; font-size: 11px; background:#000000; color: #ffffff; border: 0 none;}
table.tableDefault tbody tr td { padding: 10px; font-size: 14px; font-weight: 500; color: #000000; }
table.tableDefault tfoot {border: 1px solid #000000; }
table.tableDefault tfoot tr td { color: #a2a2a2; text-align: center;  background-color: #e0dedd; }
table.tableDefault tfoot tr td:hover, table.tableDefault tfoot tr td:focus{ background-color: #aaa; }
table.table-forum { border: 0 none; }
table.table-forum th, table.table-forum td { font-weight: normal; border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #BCBCBC !important; }
table.table-forum thead tr th {  border-bottom: 0 none !important; text-align: center; }
table.table-forum tbody tr td { text-align: center; width: 10%; height: 20%; } 

.player-info__text { text-align: center; font-size: 15px; color: #000000; margin-bottom: 30px; }
.player-squad { border-left: 1px solid #000000; padding-left: 40px; margin-left: 40px; }
.player-squad .section__title .title-heading-center { color: #000000; }
ul.player-squad__list {border-bottom: 1px solid #aaaaaa; list-style: none;}
ul.player-squad__list li.player-squad__item { display: block;  }
ul.player-squad__list li.player-squad__item a.squadPlayerCard { border-top: 1px solid #aaaaaa;  cursor: pointer; padding: 15px; display: block;
transition-property: color,background-color,border-color;
transition-duration: .2s;
transition-timing-function: linear; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover,
ul.player-squad__list li.player-squad__item a.current { border-top: 1px solid #000000; background-color: #000000; box-shadow: 0 3px 20px rgba(150,150,150,.6); }
ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover .player-photo,
ul.player-squad__list li.player-squad__item a.squadPlayerCard.current .player-photo  { background-color: #fff; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard:hover .player-detail,
ul.player-squad__list li.player-squad__item a.current .player-detail { color: #ffffff; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-photo { position: relative; margin-right: 20px; overflow: hidden; width: 75px; height: 75px; border-radius: 50%; background-color: #ccc; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-photo img { width: 100%;height: 100%;object-fit: cover;object-position: top center;}

.player-photo, .player-detail{ display: inline-block; vertical-align: middle; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail { text-transform: uppercase; line-height: 1.5; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail p { margin:0; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 16px; font-weight: 900; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 14px; font-weight: 500; }

.player-squad .section__title .title-heading-center::before,
.player-squad .section__title .title-heading-center::after {display: none; }

/*===== Fixture Widget - Home Page =====*/
#fixture-scroll__container { position: relative;  }
#fixture-scroll__container .dataViewport { height: auto !important;  }
.matches-widget__list { height: 100%;width: 100%;display: flex;justify-content: center;}
.next-prev-controls { position: absolute; top: 0; right: 0; z-index: 99;}
.next-prev-direction {   -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
 display: flex;

-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}

.next-prev-direction a { position: relative; border-radius: 50%;width: 40px;height: 40px;background: rgba(255,255,255,0.25);font-size: 12px; font-weight: 700; margin: 0 5px 10px; transition-property: background-color,opacity;transition-duration: .2s;transition-timing-function: linear; }
.mcPrevArrow::after, .mcNextArrow::after {position: absolute; color: #ffffff; left: 50%;top: 50%;transform: translate(-50%, -50%); }
.mcPrevArrow::after { content:"Prev"; }
.mcNextArrow::after { content:"Next"; }
.next-prev-direction  .disabled{ opacity: 0.5; cursor: default; }
.next-prev-direction  .disabled:hover { background: #034ea2; }
.next-prev-direction a:hover { background-color: #034ea2; }

.matches-widget__list-item { display: inherit; flex-grow: 1;  }
.matches-item { position: relative; width: 360px;background:#ffffff;margin: 0 10px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox;  display: flex;flex-direction: column; -webkit-box-shadow: 0 0 .8rem 0 rgba(0,0,0,.06);box-shadow: 0 .2rem .7rem 0 rgba(0,0,0,.12);transition: box-shadow .3s ease; flex-grow: 1;}
.matches-item:hover {box-shadow: 0 0 1.4rem rgba(0,0,0,.2);}
.matches-item a { height: 100%;}
.matches-scroller-match__arrow { position: absolute; right: 20px; top: 15px;  transition: all .2s ease-in-out; }
.matches-scroller-match__arrow svg {width: 18px; height: 20px;fill: #fff; }
.matches-item a:hover .matches-scroller-match__arrow { right: 12px; }
.matches-item a:hover .matches-scroller-match__arrow svg {fill: #fff600; }
.matches-item.UpComing a { cursor: default; pointer-events: none; }
.matches-item.UpComing .matches-item__details { margin-top: 10px; }
.matches-item.UpComing .matches-details__team-meta { width: 50%; }

#recentMatches-container .matches-item{ width: 464px !important;}
.matches-item__header { text-align: left;color: #fff; padding: .5rem 1rem;  margin-bottom: 10px;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.matches-item .tourDropdown, 
.matches-item .matches-details__results { padding: 0 10px; margin: 0; text-transform: uppercase; color: #000000; text-align: center; font-size: 12px; line-height: 18px; font-weight: 500; }
.matches-item .matches-details__results { font-weight: 600; color: #9b3129; }

.matches-item__header-left { line-height: 1rem; color: #ffffff; margin: 0; display: -ms-flexbox; display: flex; align-items: center; }
.matches-item__header-left, .matches-item__header-right,
.matches-details__team-home, .matches-details__team-away { flex: 1; }

.matches-item__date-day { color: #fff600; font-family: var(--font-content); padding-right: 5px;font-weight: 900;font-size: 36px;line-height: 40px; display: inline-block; vertical-align: middle;}
.matches-item__date-info { color: #ffffff; font-size: inherit; line-height: inherit; text-transform: uppercase; display: inline-block; vertical-align: middle;word-spacing: normal; line-height: 1; }
 .matches-item__date-info span {  line-height: 16px; }
.matches-item__date-weekday { color: #ffffff; font-size: 14px; font-weight: 900;display: block;}
.matches-item__date-month { font-weight: 400; font-size: 14px;}
.matches-item__header-right { text-align: right; }

.matches-item__details { -ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; padding: 0 10px;
}
.matches-item__details .tmName {  font-size: 12px; line-height: 14px; color: #000000; }
.matches-item__details .tscore { color: #000000; font-size: 12px; line-height: 14px; font-weight: 700; }
.matches-details__team-home, .matches-details__team-away { text-align: center; }
.matches-details__team-home img, .matches-details__team-away img { width: 50px; }
.matches-details__team-tLogo { border-radius: 50%;margin: 0 auto 5px;display: inline-block;vertical-align: middle;
  -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
justify-content: center; }
.matches-details__team-meta { text-align: center;  }
.matches-details__team-meta p.matches-details__team-meta-time,
.matches-details__versus { color: #888888; font-size: 16px; font-weight: 900; margin-bottom: 0; text-transform: uppercase;}
.matches-details__team-meta p.matches-details__venue { margin: 0;text-align: center;text-transform: capitalize;color: #404040;font-weight: normal;}
.matches-item__btn { text-align: center;}
.button--default {
    position: relative;
    display: inline-block;
    padding: .35rem 1.3rem;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-family: var(--font-content);
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform;
    cursor: pointer;
    pointer-events: all;
    transition: background-color .2s ease,-webkit-transform .2s ease;
    transition: background-color .2s ease,transform .2s ease;
    transition: background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;
}
.matches-item__btn-item { text-transform: uppercase; font-size: 15px; color: #ffffff; background-color: #d6202d; margin: 0 10px;  }
.btn-item__icon, .btn-item__text { display: inline-block; vertical-align: middle; }
.btn-item__icon { margin-right: 5px; width: 26px; height: 26px;}
.btn-item__icon svg { fill: #fff; width: 24px; margin-right: 5px; }
.matches-item__btn-item:hover, .matches-item__btn-item:focus { background-color: #000000; color: #ffffff; }


.UpComing .matches-item__header { background-image: -webkit-linear-gradient(30deg,#00518f 5%,#088aed 100%);
background-image: -moz-linear-gradient(30deg,#00518f 5%,#088aed 100%); background-image: linear-gradient(30deg,#00518f 5%,#088aed 100%); }
.Post .matches-item__header { background-image: -webkit-linear-gradient(30deg,#00518f 5%,#088aed 100%);
background-image: -moz-linear-gradient(30deg,#00518f 5%,#088aed 100%); background-image: linear-gradient(30deg,#00518f 5%,#088aed 100%); }

.UpComing .matches-item__details .tmName { font-size: 13px;line-height: 16px; font-weight: 700; text-transform: uppercase;  }
.UpComing .matches-details__team-meta p.matches-details__team-meta-time {background: -webkit-linear-gradient(120deg,#a61637 10%,#351412); 
background: linear-gradient(120deg,#a61637 10%,#351412);background-clip: border-box;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;color: #fff;font-size: 28px;line-height: 1;letter-spacing: -0.05rem; }
.UpComing .matches-details__team-meta p.matches-details__venue,
.Post p.for-post {font-size: 12px; line-height: 14px;  }

.UpComing .matches-details__versus,
.UpComing p.for-post, .UpComing .matches-scroller-match__arrow { display: none; }
.UpComing .matches-item:hover { box-shadow: none; cursor: default; }
.Post .matches-details__team-tLogo {width:60px; height: 60px;}
.Post .matches-details__team-meta p.matches-details__team-meta-time, 
.Post .matches-details__team-meta p.matches-details__venue { display: none; }
.Post p.for-post { color: #404040; text-align: center;margin: 10px 0 0 0; }
.Post .matches-details__team-meta p.matches-details__versus { margin-bottom: 2rem; }

/*===== Pointstabel Widget - Home Page =====*/
#pt__homewidget .section__title { margin: 30px 0 25px; }

.scorecardWrapper .section__title .title-heading-center, .standingsWrap .section__title .title-heading-center { color: #000000; }
.scorecardWrapper .section__title .title-heading-center::after,
.scorecardWrapper .section__title .title-heading-center::before,
.standingsWrap .section__title .title-heading-center::after,
.standingsWrap .section__title .title-heading-center::before  { background-color: #000000; }


table.points-table__widget { overflow: hidden; }
/* table.points-table__widget thead {  background-color: var(--primar-blue-color); } */
table.points-table__widget thead {background:linear-gradient(130deg, #2E338C 60%, #9c9173 160%) ; }


table.points-table__widget thead th { font-family:var(--font-header); font-size: 10px; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; color: #fff; background: transparent; }
table.points-table__widget thead th:nth-child(1) { border-top-left-radius: 5px; border-bottom-left-radius: 5px;} 
table.points-table__widget thead th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px;} 
table.points-table__widget thead th:nth-child(2) { text-align: left; }
table.points-table__widget tbody { border: 0; background-color: #F6F7FF; }
table.points-table__widget tbody tr td { font-size: 12px; padding: 10px 8px; font-family: var(--font-content);  }
table.points-table__widget tbody tr td i { font-style: normal; line-height: 1rem;}
table.points-table__widget tbody tr.table-group { background: transparent; border: 0; }
table.points-table__widget tbody tr { border-bottom: 1px solid #d1d1d1;}
table.points-table__widget tbody td:nth-child(1) { text-transform: uppercase; font-weight: 700; text-align: center; } 

table.points-table__widget tbody tr td:last-child { color: #171C49; font-size: 12px; font-weight: 700; }
table.points-table__widget tbody tr td span { display: inline-block; vertical-align: middle; }
table.points-table__widget tbody tr td span img { width: 26px; margin-right: 5px; }



table.points-table__widget tbody tr:first-child td { color: #fff; }
table.points-table__widget tbody td:nth-child(2) {text-transform: uppercase; font-weight: 700; line-height: 14px; text-align: left;}

.pointsFilter { text-align: center; display: flex; justify-content: space-between; }
.pointsFilter .mcSelectDefault, .topFilter-Wrap .mcSelectDefault { font-family: var(--font-content); width: 85%; font-size: 13px; font-weight: 500; padding: 8px 40px 8px 15px; color: #272C6B;  margin: 0 5px; display: inline-block; vertical-align: middle;
background-color: #fff; background-position: calc(100% - 24px) calc(1em + 3px), calc(100% - 16px) calc(1em + 3px), 100% 0;
background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%); border-radius: 4px; border: 1px solid #BBDCFF; }
.pointsFilter .mcSelectDefault:focus, .topFilter-Wrap .mcSelectDefault:focus { border: 1px solid #BBDCFF !important; }

.pointsFilter__competition { text-align: right;}


.topFilter-Wrap .mcSelectDefault { width: 85%; }
.topFilter-Wrap .mcSelectDefault { background-color: #ffffff; }

/*===== Top Performer Widget - Home Page =====*/
.topPerformersWrap #errMsgTop { text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 600; color: #ffffff !important; }

.performersList { display: block;  font-family: var(--font-content); overflow: hidden; }
.performersList #errMsgTop { text-align: center; margin: 20px 0 0; color: #fff !important; font-size: 16px; font-weight: 400; text-transform: capitalize; }
.performersList .imgBlk {  position: relative; overflow: hidden; border-radius: 10px; display: flex;justify-content: space-between; flex-direction: column; 
    background: var(--primar-blue-color); margin-top: 2rem; }
.performersList .imgBlk .ply-tem { display: none; position: absolute; right: 10px; bottom: 10px; border-radius: 50%; background-color: #ffffff; width: 35px;height: 35px;}
.performersList .imgBlk .ply-tem img { width:35px; }
.performersList .imgBlk .ply-img { width: 100px; height: 100px; text-align: center; display: inline-block; overflow: hidden; border-radius: 15px; background: #ccc; margin: 0 auto 1rem; }
.performersList .imgBlk .ply-img img { height: 100%; }
.performersList .imgBlk .ply-info { display: flex; flex-direction: column; gap: 1rem; padding: 0 3px 1rem; }
.performersList .imgBlk .titleBlk { background-color: #272C6B; display: flex;
    padding: 8px 0px;
    justify-content: center;
    align-items: center;
    color:  #FFF;
    font-family: var(--font-content);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase; margin-bottom: 1rem; }

.imgWrapper { display: none; text-align: center; margin: 0 auto 20px; }
.imgWrapper img { max-width: 200px; width: 100%; height: 100%; object-fit: contain; object-position: top center; }

.performersList .playerDetWrap { color: #ffffff; margin-bottom: 5px; clear: both; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; }
.performersList .playerDetWrap span { margin-bottom: 3px; }
.performersList .titleBlk, .performersList .playerName, .performersList .teamName { display: block; }
.performersList .playerDetWrap .titleBlk {  text-transform: capitalize; display: inline-block; color: #16C5FF; font-weight: 500;font-size: 12px; margin-block-end: 10px; line-height: 1.2;  }

.performersList .playerName { font-family: var(--font-content); text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 700; margin-block-end: 1.6rem; }
.performersList .teamName { font-family: var(--font-content); font-size: 12px; font-weight: 400; line-height: 14px; text-transform: uppercase; }
.performersList .topScore { font-family: var(--font-content);  color: #FCDF41; text-align: center; font-weight: 600; font-size: 32px; line-height: 40px; text-shadow: 0 1px 1px rgba(0,0,0,0.5);  }
.performersList .topScore .topCategory { font-family: var(--font-content);  display: block; color: #ffffff;  font-size: 12px; line-height: 16px; font-weight: 400; text-transform: uppercase; }
ul.smTabs { display: none;}


#recentMatches-container .title { color: #ffffff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; padding: 10px; }


/** DropDown **/
.smWidget__header {	margin: 0 auto 15px; text-align: center; }
#widgetDropdown {width: 80%; }
#widgetDropdown .mcSelectDefault { padding-right: 30px; }
#widgetDropdown {
background-image: -webkit-linear-gradient(30deg,#cd8f21 5%,#9b3129 100%);
background-image: linear-gradient(30deg,#cd8f21 5%,#9b3129 100%);
margin: 0 auto;
border-radius: 30px;
color: #fff;
padding:8px 25px 8px 15px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,.3);
}

.mcSelectDefault { 
	width: 100%;height: auto;
	border-radius: 20px;
	font-family: var(--font-content);
	line-height: normal;
	padding: 0;
	cursor: pointer;
    border: none;
    color: #fff;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
background-position: calc(100% - 8px) calc(1em + -6px), calc(100% - 0px) calc(1em + -6px), 100% 0;
background-size: 8px 8px, 9px 8px, 2.2em 2.2em;
background-repeat: no-repeat;
font-weight: 700;
text-transform: uppercase; 
background-color: transparent;
line-height: 20px; outline: none;
}
#stadingSmipl {position: relative; margin-bottom: 0; margin-top: 1.5rem; }
#stadingSmipl #errMsg { position: absolute; top: 10%; left: 0; right: 0; text-transform: uppercase; color: #999 !important; font-size: 14px; text-align: center;}
.matches-item__header-left .mthCount {margin: 0; text-transform: uppercase;font-size: 12px;font-weight: 600;flex-grow: 1;color: #fcec00;text-align: right; }

.topFilter-Wrap {  margin-bottom: 0; }
.topFilter-Wrap_dropdown { display: inline-block; vertical-align: middle; margin: 0;  text-align: right;}

#divisionWrap .mcSelectDefault.division{display: none;}
#divisionWrap .topFilter-Wrap_dropdown:first-child{display: none;}



/*===== Hall of Fame - Home Page =====*/

.hofSection { display: grid; gap: 2rem; grid-template-columns: 1fr 1fr 1fr;}
.hofSection .hof-player { flex: 1; }
.hof-details { padding: 1rem; border-radius: 10px; display: flex; flex-direction: column; height: 130px; justify-content: center; 
  position: absolute; bottom: 0;left: 0; right: 0;text-align: left;}
li.hof-player img{width: 100%;height: 100%; object-fit: cover}

#hallOfFame ul li a p.crtName,
#hallOfFame ul li p.debutDetail,
#hallOfFame ul li a p.debutDetail,
#hallOfFame ul li p.view-status {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#hallOfFame ul li a { position: relative;
 overflow: hidden;
display: flex; 
flex-direction: column; text-align: center;
background: #999; border-radius: 10px; overflow: hidden; height: 350px;
}
#hallOfFame ul li .thumbImg {
  min-height: 198px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
  display: block;
}
.staticContentBlk.fulllist{padding-bottom: 2rem;}
.staticContentBlk.fulllist  .hofSection{grid-template-columns: 1fr 1fr 1fr 1fr;}

#hallOfFame ul li .thumbImg img {
  width: 60%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#hallOfFame ul li a img {
  /* width: 60%; */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.st-hf-card-wrappper #hallOfFame ul li .thumbImg img { width: auto; }
#hallOfFame ul li p.crtName{ color: var(--highlight-color); font:500 14px/18px var(--font-content);text-transform:uppercase;margin-bottom:5px}
#hallOfFame ul li p.debutDetail{font:11px/20px var(--font-content);color:#fff;margin:00 0 1rem;text-transform:uppercase}
#hallOfFame ul li p.debutDetail i{font:14px var(--font-content);font-style:normal;color:#fff;display:block;line-height:20px;font-weight:500}
#hallOfFame ul li p.view-status{color: var(--highlight-color);display:block;text-transform:uppercase;font:400 11px/12px var(--font-content);margin:0}
#hallOfFame ul li p.view-status img{width:20px;height:12px;display:inline-block;vertical-align:middle}
#hallOfFame ul li a:hover p.debutDetail span,
#hallOfFame ul li a:focus p.debutDetail span {
  color: #fff;
}
#hallOfFame ul li a:hover p.crtName,
#hallOfFame ul li a:focus p.crtName,
#hallOfFame ul li a:hover p.debutDetail span i,
#hallOfFame ul li a:focus p.debutDetail span i {
  color: var(--highlight-color) ;
}
#hallOfFame ul li a:hover .thumbImg img,
#hallOfFame ul li a:focus .thumbImg img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#hallOfFame ul li a:hover img,
#hallOfFame ul li a:focus img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#hallOfFame ul li a:hover p.view-status {
  color: var(--highlight-color);
}

.cd-popup,
.default-popup {
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.9);
  background-repeat: repeat;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease 0s, visibility 0 ease 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
  transition: opacity 0.3s ease 0s, visibility 0 ease 0.3s;
}
.cd-popup.active .cd-popup-container,
.default-popup.active .default-popup-container {
  -webkit-transform: translateY(5rem);
  -moz-transform: translateY(5rem);
  -ms-transform: translateY(5rem);
  -o-transform: translateY(5rem);
  transform: translateY(5rem);
}
.cd-popup.active,
.default-popup.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease 0s, visibility 0 ease 0;
  visibility: visible;
}
.cd-popup-container,
.default-popup-container {
  background: #000 none repeat scroll 0 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 980px;
  margin: 10px auto;
  padding: 25px;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container .mejs-container,
.default-popup-container .mejs-container {
  min-height: 250px;
}
.cd-popup-container .cd-popup-close,
.default-popup-container .default-popup-close {
  position: absolute;
  top: 5px;
  right: -4px;
  width: 40px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after,
.default-popup-container .default-popup-close::before,
.default-popup-container .default-popup-close::after {
  content: "";
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #fff;
}
.cd-popup-container .cd-popup-close::before,
.default-popup-container .default-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after,
.default-popup-container .default-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.cd-popup-close,
.default-popup-close {
  cursor: pointer;
}
.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after,
.default-popup-container .default-popup-close::before,
.default-popup-container .default-popup-close::after {
  width: 24px;
}
.pointsTable .zoneBlk{color:#BA2649;font:700 14px/20px Roboto,Arial,sans-serif;background:#fff}
.headerWrap .livescoreWrap{display:none}
select.mcSelectDefault::-ms-expand{display:none}
.hofPopup-container{background:#fff;padding:0}
.hofPopup-container .hofProfile{padding:25px;display:block;overflow:hidden;background: transparent linear-gradient(180deg, #2e2e2e 0%, #797979 100%) 0% 0% no-repeat padding-box;}
.hofPopup-container .hofProfile img{float:left;margin-right:15px;width:107px;height:116px}
.hofPopup-container .hofProfile p.profileDetails{text-align:left;width:100%;color:#323232;padding-left:128px; color:#fff;}
.hofPopup-container .hofProfile p.profileDetails span.hofName{margin-bottom:10px;font:20px/22px meutassemi_bold ;text-transform:uppercase;color: #fff;}
.hofPopup-container .hofProfile p.profileDetails span{font:13px/22px meutasregular; text-transform:capitalize;display:block ;letter-spacing: 1px;}
.hofPopup-container .hofProfile p.profileDetails span i{display:inline-block;font-style:normal;width:30%;padding-right:5px; float:left;}
.hofPopup-container .hofProfile p.profileDetails span span{float:left;width:70%}
.hofPopup-inner{display:block;overflow:hidden}
.hof_content{width:100%}
.hofData{display:block;overflow:auto;padding:25px;margin-bottom:20px}
.hofData h4{display:block;overflow:hidden;font:700 13px/16px meutassemi_bold ;text-transform:uppercase;padding:8px 10px;text-align:left;color:#fff; letter-spacing: 1px;}
.hofData h4.cr1 ,.hofData h4.cr2 {background: linear-gradient(286deg, #26358E 50%, #455DDA 100%);}
#hofPopup .closeIcon{display:block;overflow:hidden;position:absolute;right:0;width:38px;height:38px;background: var(--highlight-color);}
#hofPopup .hofData{float:left;height:300px;width:100%}
table.hofTable{width:100%;border:1px solid #ddd;border-collapse:collapse;margin:0 0 25px;border-collapse:collapse;border-spacing:0}
table.hofTable th,table.hofTable td{padding:5px 10px;text-align:left;border-bottom:1px dotted #bbb}
table.hofTable thead th{text-align:center;font-weight:400;background:#ddd;color:#323232;border:0 none;font:12px/14px RbD_BD,Arial,sans-serif}
table.hofTable tbody th{color:#221f1f;font:12px/14px meutasregular ;text-align:center }
table.hofTable tbody th:first-child{text-align:left}
table.hofTable tbody tr td{color:#232323;text-align:center;font-size:14px}
table.hofTable tbody tr.odd{background-color:#f7f7f7}
table.hofTable tfoot tr td{color:#a2a2a2;text-align:center;background-color:#e0dedd}
table.hofTable tfoot tr td:hover,table.hofTable tfoot tr td:focus{background-color:#aaa}





/* ================================================================================================ */
/*   MediaQuery
/* ================================================================================================ */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.mob_hide { display: none; }
	ul.smTabs { width: 100%; }
	.matType { font-size: 11px; line-height: 15px;  }
	.tmLogoStrip span.tLogo {width: 50px; height: 50px; }
	.tmLogoStrip span.tLogo img { width: 35px; margin: 7px; }
	.tmLogoStrip span { font-size: 12px; }
	.tvt { line-height: 42px; }
	.teamScore .run { font-size: 24px; line-height: 1; }
	.teamScore .runRate { font-size: 12px; line-height: 16px; font-weight: 500; }
	.teamScore .runRate i:not(:last-child) { margin-right:5px; }
	.tvtInn { font-size: 10px; }
	#onFieldPlayer { margin: 0; }
	.playerCard { margin: 5px 0; padding: 5px 10px; }
	.playerCard .plyPhoto, .playerCard .plyPhoto img { height: 50px;  }
	.bt-box{ border: 0; }
	.playerCard .playerContent .mainStats { font-size: 14px; line-height: 22px;}
	.playerCard .playerContent .plyName, .playe0rCard .playerContent .otherStats { font-size: 12px; }
	.greenDot, .redDot { top: 10px; }
	.bottomStrip { padding: 0 20px; }
	.bottomStrip .matResult { font-size: 12px; padding: 10px 0; }
	p.tossDetails { font: 700 14px/18px 'Montserrat', sans-serif; margin-bottom: 15px; padding: 0 10px; }
	.bottomStrip .smLinks { float: none; width: 100%; display: black; overflow: hidden; }
	.bottomStrip a.mcLink { font-size: 14px; line-height: 2; padding: 10px; }
	.bottomStrip a.btnFull { width: 100%; }
	.rightSection { border-top: 1px solid rgba(0,0,0,0.2); border-left: 0 none; padding: 10px 5px; }
	.rightSection h1 { text-align: center;  font-size: 14px; line-height: 16px; }
	.rightSection .tourDropdown { font-size: 12px; }
	.rightSection ul.matches li.card { padding: 10px 8px; margin: 0 0 10px 0; }
	ul.matches li .cardTopStrip { margin-bottom: 5px; }
	ul.matches li .cardTopStrip p.mthCount { font-size: 10px; }
	ul.matches li .cardBottomStrip { font-size: 10px; line-height: 14px; }
	ul.matches li .teamPlay .tmLogoStrip .tLogo { width: 30px; height: 30px; }
	ul.matches li .teamPlay .tmLogoStrip .tLogo img { width: 20px; }
	ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i { font-size: 13px; }
	.matType span.matTourName, .tossDetails{ font-size: 12px; }
	
  #fixCountDown .tmLogoStrip span.tLogo { width: 65px; height: 65px; }
  #fixCountDown .tmLogoStrip span.tLogo img { width: 45px; margin: 9px; }
  #fixCountDown .tmLogoStrip span { font-size: 14px; line-height: 18px; }
  #tournamentCountdown.fixtureTimerCountdown { padding: 0 10px; margin: 0 auto 10px; }
  #tournamentCountdown .fixtureTimer .timervalue, #tournamentCountdown .countdownTitle { font-size: 28px; line-height: 38px;}
  #tournamentCountdown .fixtureTimer .timerLabel { display: block; font-size: 10px; }
  #tournamentCountdown.fixtureTimerCountdown .fixtureTimer { padding: 0 13px; }
  #tournamentCountdown .fixtureTimer .timervalue { line-height: 24px; }
  
  .playerCard .curPlyTeamLogo img { width: 40px; top: 20px; }
  .prevBtn img, .nextBtn img {width: 20px; }
  
  .playerCard .playerContent { top: 0;}
  .section__title .title-heading-center { font: 900 20px/28px 'Montserrat', sans-serif; }
  .next-prev-direction a:hover { background: #d6202d; }
  
  .teams-page__main, .player-page__main { padding: 0; }
  
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 14px; font-weight: 900; }
ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 12px; font-weight: 500; }
a.viewAllPerformers { margin: 10px 0 20px; }
table.points-table__widget tbody td:nth-child(1) { /*width: 40%;*/}
table.points-table__widget tbody tr td span img { width: 34px; }
table.points-table__widget tbody tr td span:nth-child(2) { width: 50%; line-height: 1.3; font-size:12px; }
table.points-table__widget tbody tr td:last-child { font-size: 13px; }
 table.tableDefault th, table.tableDefault td { padding: 8px 5px; }
 table.tableDefault tbody tr td { padding: 10px 5px; }
 #fixCountDown .section__title .title-heading-center { margin-top: 15px; }
 #fixCountDown .tmLogoStrip span.tmName { width: 65%; font-size: 13px; font-weight: 700; margin: 0 auto; }
 

 .UpComing .matches-item__details { padding: 0 10px; }
 .UpComing .matches-item__details .tmName { font-size: 12px; line-height: 16px; }
 .UpComing .matches-details__team-meta p.matches-details__team-meta-time { font-size: 1.6rem; line-height: 1.6rem; }
 
 .Post .matches-details__team-tLogo { width: 50px; height: 50px;}
 .pointsFilter select.mcSelectDefault:first-child, .pointsFilter select.mcSelectDefault:last-child { width: 100%; margin: 0 auto 10px; }
 .pointsFilter #divisionWrap{ display: -webkit-box; display: -ms-flexbox; display: flex; }
 .topFilter-Wrap #divisionWrap { display: block; }
 .topFilter-Wrap_dropdown { width: 100%;  }
 
 #widgetDropdown {  width: 65%; }
 
}

/* Smartphones (portrait) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {	
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) 
{  
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px) 
{
	.mob_hide { display: none; }
	.section__title .title-heading-center { font-size: 22px; }
	.section__title .title-heading-center::after, .section__title .title-heading-center::before { width: 15%; } 
	.section__title, .section-sub__title { margin-bottom: 10px; }
   table.tableDefault td { padding: 5px; }
	table.tableDefault tbody tr td { padding: 10px 5px; }
	.player-hero__detail .player-hero__name { font-size: 22px; }
	.teams-page__main{ padding: 10px; }
	.next-prev-direction a:hover { background: #d6202d; }
	.teams-page__main, .player-page__main { padding: 0; }
    #fixCountDown .section__title .title-heading-center { margin-top: 15px; }
    .nextBtn {right:4%;}
    .prevBtn { left: 4%;}
    .prevBtn, .nextBtn { top: 5px;}
     #widgetDropdown { width: 75%; padding-right: 15px; }
	 #widgetDropdown .mcSelectDefault { padding-right: 25px; }
	 .performersList .imgBlk { margin: 10px; }
	 
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait) {
	.matches-item { width: 336px; }
}
@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : landscape) {
.matches-item { min-width: 100%; }    
}
@media only screen
and (max-device-width : 768px)
{
	.teams-page__bg { padding-top: 15px; }
	.section__title { margin-bottom: 20px; }
	.teams-page__hero::after { height: 20%; }
	.teams-page__header .team-header__left, .teams-page__header .team-header__right { text-align: center; margin-bottom: 10px; }
	.teams-page__header .team-header__left .team-logo, .teams-page__header .team-header__left .team-name { display: block; }
	.teams-page__header .team-header__left .team-logo img { width: 60px; }
	.teams-page__header .team-header__left .team-name { padding: 0; font-size: 18px; font-weight: 900; }
	.teams-page__header .team-header__right img { padding: 0; width: 75px;}
	.team-list__person-container { width: 100%; }
	.team-person:hover .team-person__info { -webkit-transform: translateY(-2.4rem);
		transform: translateY(-2.4rem);}
	.team-person:hover .team-person__stats { opacity: 0;}
	.team-management__section { padding: 0 20px; }
	.team-owner, .team-coach { display: block; }
	.team-owner .team-mang__title, .team-owner .team-mang__name, .team-coach .team-mang__title, .team-coach .team-mang__name,
	.team-staff__item{ width: 100%; font-size: 14px; }
	.player-squad { margin: 0; padding: 0; border: 0; }
	ul.player-squad__list li.player-squad__item a.squadPlayerCard { padding: 10px; }
	.player-hero { padding: 10px 10px 0 10px; }
	.player-hero__sponsor a { margin: 0 auto; text-align: center; right: 10px; }
	.player-hero__sponsor a img { width: 75px; }
	
	.player-hero__detail{ padding-left: 0; padding-top: calc( 10rem + 2rem) }
	.player-hero__photo { margin-right: 0.8rem; top: 20px; bottom: inherit; }
	.player-hero__photo img { width: 11rem; }
	.player-hero__detail .player-hero__roll { display: block; margin: 0;  }
	.player-hero__detail .player-hero__roll p { font-size: 14px; margin: 0 0 15px 0; }
	.player-hero__stats { margin-bottom: 10px; }
	
	.player-hero__stats .stats-box li { margin-right: 0;  padding: 0.6rem 1rem; }
	.player-hero__stats .stats-box li .stats-value { font-size: 30px; }

    #recentMatches-container .matches-item { max-width: 336px !important; }
    .next-prev-controls { top: 40px; }

	.matches-widget__list{overflow-x: scroll;-webkit-overflow-scrolling: touch;flex-wrap: nowrap;justify-content: left;max-width: 100vw;}
	.matches-widget__list-item { padding-bottom: 20px; }

/*	 .matches-widget__list-item { overflow-x: scroll; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; justify-content: left; }*/

	 .topFilter-Wrap .mcSelectDefault { width: 95%; padding: 7px 35px 7px 7px; }
	
.teams-page__hero { padding: 20px 20px 0; }
.teams-logo__tab { overflow:auto; padding: 0 10px; }
.teams-logo__list .teams-logo__items a {min-height: 100px; height: auto;justify-content: center;}
.teams-logo__list .teams-logo__items a img { width: 55px; }
.teams-logo__list {justify-content: left; white-space: nowrap;overflow: initial;  margin: 0 0 20px 0;}
.teams-logo__list .teams-logo__items { margin: 0 5px; }

}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#onFieldPlayer { margin: 0; }
	.playerCard { text-align: center; }
	.playerCard .plyPhoto { margin: 0 0 5px 0; position: inherit; }
	.playerCard .playerContent{ padding:0; width: 100%; position: inherit; }
	.playerCard .curPlyTeamLogo { left: 5px; right: inherit; top: 5px; }
	.playerCard .curPlyTeamLogo img {right: inherit; }
	.bottomStrip .matResult { text-align: center; }
	.bottomStrip .smLinks { float: none; width: 100%; display: black; overflow: hidden; }
	.team-list__person-container { width: 50%}
	 .matches-item { min-width: 50%; }
	 .matches-widget__list-item { margin-right: 40px; }
	 .matches-widget__list { margin: 0; }
	
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.matches-item { min-width: 100%; }
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 14px; font-weight: 900; }
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 12px; font-weight: 500; }
 .teams-page__bg { padding: 15px 10px 10px 10px; }
 .matches-widget__list-item { -webkit-overflow-scrolling: touch; flex-wrap: nowrap; justify-content: left; }
 .nextBtn {right:5%;}
 .prevBtn { left: 5%;}
 .prevBtn, .nextBtn { top: 34px;}
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__name { font-size: 14px; font-weight: 900; }
 ul.player-squad__list li.player-squad__item a.squadPlayerCard .player-detail .player-detail__roll { font-size: 12px; font-weight: 500; }
 .teams-page__bg { padding: 15px 10px 10px 10px; }	
 .matches-widget__list-item { -webkit-overflow-scrolling: touch; flex-wrap: nowrap; justify-content: left; }
 .nextBtn {right:5%;}
 .prevBtn { left: 5%;}
 .prevBtn, .nextBtn { top: 34px;}

}

@media only screen and (max-width: 1366px) {
    .performersList .playerName { font-size: 14px; line-height: 18px;  }
    .performersList .playerDetWrap .titleBlk { font-size: 12px;}
  
}


@media (max-width:64.0525em) {
}
@media only screen and (max-width:990px) { 
    .performersList .playerName { font-size: 14px; }
    .performersList .topScore { font-size: 32px; }
}
/* 768 */
@media (max-width:768px) {
    .performersList .playerName { width: 100%; font-size: 16px;line-height: 18px;}
    .hofSection { flex-wrap: wrap; justify-content: center;}
    .hofSection .hof-player { flex:auto; width: 240px;}
    table.tableDefault th, table.tableDefault td { padding: 8px 5px 5px; }
    .performersList {white-space: nowrap;
  
      display: grid;
      grid-gap: calc(0px / 2);
     /* grid-template-columns: 320px;*/
      grid-template-rows: minmax(42px, 1fr);
      grid-auto-flow: column;
      grid-auto-columns: calc(100% - 10px * 2);
      overflow-x: scroll;
      scroll-snap-type: x proximity;
      padding-bottom: calc(.75 * 10px);
      margin-bottom: calc(-.25 * 10px);
    padding-left: 10px; }
}
/* 640 */
@media (max-width:40em) {
    .greenDot { left: 5px; background-size: 14px; }
    .performersList .playerDetWrap .titleBlk { margin-block-end: 5px; }
    #homeWidget__hof ul.hofSection {
        height: auto;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
      }  
      ul.hofSection {
        height: auto;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
      }
      .hof-details { padding: 0.8rem; }
      #hallOfFame ul li p.crtName { font-size: 13px; }
      #hallOfFame ul li p.debutDetail i { font-size: 12px; }
      .hofSection .hof-player { width: 240px;  display: inline-block; margin-right: 1rem; }
      .topFilter-Wrap_dropdown { margin: 0;}
      .topFilter-Wrap #divisionWrap { margin: 0 0 0.5rem; }
}

@media (max-width:540px ) {
    .pointsFilter { flex-direction: column; }
    .pointsFilter #divisionWrap { margin-top: 15px; }
}
@media (max-width:480px ) {
    .hofPopup-container {  width: 100% !important; }
    .hofTable .mob_hide { display: none !important; }
    table.points-table__widget thead th { font-size: 9px; }
}


/* 399 */
@media (max-width:24.99em) {
    .performersList .imgBlk { margin: 2rem 0; }
    .performersList .imgBlk .ply-img { top:-30px; }
    .performersList .playerName { width: 100%; font-size: 14px; line-height: 16px;}
}