html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
 
}
#home-page {  background: #272A6F; }
body {
  margin: 0;
  font-family: "Source Sans Pro", sans-serif;
}
img {
  border: 0 none;
  display: block;
  height: auto;
  max-width: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
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;
}
a img {
  border: none;
}
abbr,
acronym {
  border-bottom-width: 0;
}
.visuallyHidden,
.accessibility {
  position: absolute !important;
  top: -500px;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
::selection {
  color: #fff;
  background-color: #005fa3;
  text-shadow: none;
}
::-moz-selection {
  color: #fff;
  background-color: #005fa3;
  text-shadow: none;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.noScroll {
  overflow: hidden;
}
.ui-select .ui-btn select {
  font-size: 50px;
}
.alignL {
  text-align: left !important;
}
.alignR {
  text-align: right !important;
}
.alignC {
  text-align: center !important;
}
.alignJ {
  text-align: justify !important;
}
.noBorder {
  border: 0 none !important;
}
.noBorderLeft {
  border-left: none !important;
}
.noBorderRight {
  border-right: none !important;
}
.noMargin {
  margin: 0 !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;
}
.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;
}
.marginB5 {
  margin-bottom: 5px;
}
.marginB10 {
  margin-bottom: 10px;
}
.marginB15 {
  margin-bottom: 15px;
}
.marginB20 {
  margin-bottom: 20px;
}
.marginB25 {
  margin-bottom: 25px;
}
.marginB30 {
  margin-bottom: 30px;
}
.marginB35 {
  margin-bottom: 35px;
}
.marginT5 {
  margin-top: 5px;
}
.marginT10 {
  margin-top: 10px;
}
.marginT15 {
  margin-top: 15px;
}
.marginT20 {
  margin-top: 20px;
}
.marginT25 {
  margin-top: 25px;
}
.marginT30 {
  margin-top: 30px;
}
.marginT35 {
  margin-top: 35px;
}
.word-break {
  word-break: break-all;
}
a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
a,
button,
a strong,
.button,
.btn,
input,
.mainMenu__item ul,
#mainMenu .mainMenu__item a:hover {
  -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;
}
a:hover,
a:focus {
  color: #247aeb;
  border-bottom-color: rgba(36, 122, 235, 0);
  text-decoration: none;
}
.disable,
.disabled {
  display: none !important;
}
img {
  max-width: 100%;
  max-height: 100%;
}
a,
a:hover {
  color: inherit;
  text-decoration: none;
}
.mcLoader {
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.mcLoader.loadingPage,
.mcLoader.active {
  opacity: 1;
  visibility: visible;
}
.loader__inner {
  color: #9c1b1f;
  font-size: 30px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 250px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
      -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
      -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
      -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
      -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
      -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
      -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
      0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.mcLoader {
  opacity: 0;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.95);
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
.mcLoader.loadingPage {
  opacity: 1;
  visibility: visible;
}
.mcLoader .init__content {
  background: url(../images/shadow.png) no-repeat center bottom;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
}
.mcLoader .init__content .init__load-logo {
  width: 100px;
  height: 100px;
  display: block;
  background: linear-gradient(140deg, #b04d26 40%, #710033 100%);
  animation: bounce 1.5s ease-in-out infinite;
  border-radius: 128px;
  box-shadow: 0 4px 64px rgba(73, 64, 114, 0.1);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 38%;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
  padding: 10px;
}
.init__load-logo img {
  width: 95px;
  height: 95px;
}
.hideFor__web {
  display: none;
}
#siteWrapper {
  display: block;
}
.contentWrapper {
  min-height: 400px;
}
.seperator {
  display: block;
  margin: 25px 0;
  clear: both;
  overflow: hidden;
  text-align: center;
}
.seperator img {
  height: 1px;
}
.contentWrapper .pageTitle,
.sectionTitle {
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  color: #BA2649;
  font: 700 15px/18px Roboto, Arial, sans-serif;
  margin: 0 15px 25px;
  padding: 0 0 25px;
}
.contentWrapper .pageTitle span:last-child {
  float: right;
  font: 14px/24px "Source Sans Pro", sans-serif;
  text-transform: uppercase;
}
.contentWrapper .pageTitle a {
  border: none !important;
}
.subTitle,
#newsBriefSection p strong {
  font: 700 14px/14px Roboto, sans-serif;
  text-transform: uppercase;
  color: #BA2649;
  padding-bottom: 15px;
}
.staticContentBlk p {
  display: block;
  color: #232323;
  font: 14px/24px Roboto, Arial, sans-serif;
}
#bfWidget__sideSection {
  margin-bottom: 25px;
  float: right;
}
#main-header {
  background: #171A4C;
  margin-bottom: 35px;
}
.mob_menu_bar .topBar__tncaLogo {
  display: none;
}
#topBar {
  display: none;
}
#topBar .topBar__tnca {
  border-right: 1px solid #ccc;
  text-transform: uppercase;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 10px;
}
#topBar .topBar__tnca a {
  border: 0;
  cursor: pointer;
  color: rgba(57, 1, 68, 1);
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 700;
}
#topBar .topBar__tnca span {
  background: #fff;
  padding: 4px 2px;
  border-radius: 3px;
  margin-right: 5px;
}
#topBar .topBar__tnca span img {
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
ul.topBar-social {
  font-size: 12px;
}
ul.topBar-social li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
ul.topBar-social li a {
  display: inline-block;
  vertical-align: middle;
}
ul.topBar-social li a.icn-fb {
  width: 25px;
}
ul.topBar-social li a.icn-tw {
  width: 25px;
}
ul.topBar-social li.appIcon a img {
  width: 75px;
}

.TncaStaticPage_tableTitle__ZAZ28 {color: #272A6F !important;}

#siteWrapper a.liveBtn {
  overflow: hidden;
  display: block;
  background: url(../images/scorecard-icon.png) no-repeat center left;
  color: #BA2649;
  font: 12px/16px RbD_BK, Arial, sans-serif;
  border-right: 1px solid #d0d0d0;
  border-bottom: 0;
  text-transform: uppercase;
  padding: 10px 10px 10px 60px;
}
#siteWrapper a.liveBtn span {
  color: #434343;
  font-family: RbD_R, Arial, sans-serif;
  display: block;
}
#siteWrapper a.liveBtn:hover span,
#siteWrapper a.liveBtn:focus span {
  color: #BA2649;
}
#siteWrapper a.downPdf {
  text-transform: uppercase;
  overflow: hidden;
  display: block;
  background: url(../images/pdf-icon.png), url(../images/tl.png), #fff;
  background-repeat: no-repeat, no-repeat;
  background-position: 10px center, right -3px;
  background-size: 35px, 120px;
  color: #232323;
  font: 12px/16px RbD_BK, Arial, sans-serif;
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-bottom: 0;
  padding: 8px 10px 8px 55px;
}
#siteWrapper a.downPdf span {
  color: #232323;
  font-family: RbD_BK, Arial, sans-serif;
  display: block;
  text-transform: uppercase;
}
#siteWrapper a.downPdf i {
  font-style: normal;
  color: #f51f24;
}
#siteWrapper a.downPdf span:nth-child(3) {
  font-family: RbD_r, Arial, sans-serif;
  color: red;
  font-size: 10.5px;
}
#siteWrapper a.downPdf i {
  -webkit-animation: color-change 1.2s infinite;
  -moz-animation: color-change 1.2s infinite;
  -o-animation: color-change 1.2s infinite;
  -ms-animation: color-change 1.2s infinite;
  animation: color-change 1.2s infinite;
}
@-webkit-keyframes color-change {
  0% {
    color: red;
  }
  50% {
    color: #232323;
  }
  100% {
    color: red;
  }
}
@-moz-keyframes color-change {
  0% {
    color: red;
  }
  50% {
    color: #232323;
  }
  100% {
    color: red;
  }
}
@-ms-keyframes color-change {
  0% {
    color: red;
  }
  50% {
    color: #232323;
  }
  100% {
    color: red;
  }
}
@-o-keyframes color-change {
  0% {
    color: red;
  }
  50% {
    color: #232323;
  }
  100% {
    color: red;
  }
}
@keyframes color-change {
  0% {
    color: red;
  }
  50% {
    color: #232323;
  }
  100% {
    color: red;
  }
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
#mainMenu.sticky,
#mainMenu,
#mainMenu.sticky .mainMenu__itemsList {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#mainMenu.sticky .mainMenu__itemsList {
  padding-left: 45px;
}
#mainMenu {
  font-family: "Roboto", sans-serif;
  line-height: 3.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 25px;
}
#mainMenu a.siteLogo {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
#mainMenu a.siteLogo span {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
#mainMenu a.siteLogo span img {
  width: 40px;
}
#mainMenu .mainMenu__itemsList {
  flex-grow: 1;
  display: flex;
justify-content: end;
align-items: center;
}
#mainMenu .mainMenu__item {
  text-transform: uppercase; padding: 2rem 0; 
}
#mainMenu .mainMenu__item:last-child {
  border: 0;
}
#mainMenu .mainMenu__item.hasSubmenu {
  position: relative;
}
#mainMenu .mainMenu__item a {
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
  line-height: 1rem;
  border-bottom: 0 none;
  padding: 0 1rem;
  color: rgba(255, 255, 255, 1);
  display: block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: color 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#mainMenu .mainMenu__item a:hover,
#mainMenu .mainMenu__item a:focus,
#mainMenu .mainMenu__item a.active {
  color: #ffe761;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: color 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#mainMenu .mainMenu__item.tnpl {
  background: #510a3f;
 padding: 8px 0;
border-radius: 8px;
}
#mainMenu .mainMenu__item.tnpl a {
  color: #F2C01F;
}
#mainMenu .mainMenu__item.tnpl a span {
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 2px;
  margin-right: 5px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 3px;
}
#mainMenu .mainMenu__item.tnpl a span img {
  width: 18px;
}
#mainMenu .mainMenu__item:nth-child(2) {
  position: relative;
}
#mainMenu .mainMenu__item ul {
  opacity: 0;
  visibility: hidden;
  width: 180px;
  position: absolute;
  list-style: none;
  float: left;
  margin: 0;
  top: 75px;
  left: -8px;
  right: 0;
  background-color: #171A4C;
  height: auto;
  padding: 0;
  z-index: 99999;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.25s ease-in-out;
  border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
#mainMenu .mainMenu__item ul li {
  width: 100%;
  height: auto;
  margin: 0;
}
#mainMenu .mainMenu__item ul li:hover {
  background: none;
}
#mainMenu .mainMenu__item ul li,
#mainMenu .mainMenu__item ul li a {
  display: block;
  border: none;
  font-size: 12px;
  text-align: left;
  letter-spacing: normal;
  line-height: 18px;
}
#mainMenu .mainMenu__item ul li a {
  border-right: 0 none;
  padding: 10px 15px;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff; font-weight: 500;
}
#mainMenu .mainMenu__item:hover > ul {
  opacity: 1;
  visibility: visible;
}
#mainMenu .mainMenu__item ul li a:hovered {
  background: none;
  color: #fff;
}
#mainMenu .mainMenu__item ul li a.active {
  color: #ffffff;
}
#mainMenu .mainMenu__item ul li a:hover,
#mainMenu .mainMenu__item ul li a:focus,
#mainMenu .mainMenu__item ul li:hover > a,
#mainMenu .mainMenu__item ul li:focus > a {
  padding-left: 18px;
  color: #ffe761;
}
#mainMenu .mainMenu__item li:last-child a {
  border: 0 none;
}
#mainMenu .mainMenu__item li a.current {
  background: none;
  border-radius: 0 none;
  color: #fff;
}
#mainMenu .mainMenu__item li a:hover::after,
#mainMenu .mainMenu__item li a.current:hover::after {
  border-right-color: rgba(255, 255, 255, 1);
  right: -8px;
  opacity: 1;
}
.tk-logo { background: rgba(255,255,255,0.85); border-radius: 12px; padding: 10px; margin-bottom: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,.20); }
.tk-logo img { width: 55px; margin-right: 15px;   }
.tk-logo-inner { display: flex;  align-items: center; }
.tk-logo-inner span { color: #232323; font-size: 14px; font-weight: 700; line-height: 16px; display: flex; align-items: center; }
.tk-logo-inner span img { width: 110px; background: transparent; padding: 0;  }
.tk-logo-inner i { display: block; margin-top: 5px; font-style:  normal;  }
.tk-logo-inner i img { background: transparent; padding: 0;width: 300px; }
.topPerformersWrap #divisionWrap select.division { display: none; }
.roundBtn-medium {
  overflow: hidden;
  display: inline-block;
  background: #ddd;
  font: 12px/12px Roboto, sans-serif;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  padding: 5px 10px;
  color: #434343;
  text-transform: uppercase;
}
.roundBtn-medium:hover,
.roundBtn-medium:focus,
roundBtn-large:hover,
roundBtn-large:focus,
.roundBtn-large:hover,
.roundBtn-large:focus {
  border: 1px solid #BA2649;
  color: #BA2649;
}
.roundBtn-large {
  overflow: hidden;
  display: inline-block;
  background: #ddd;
  font: 14px/18px Roboto, sans-serif;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  padding: 8px 15px;
  color: #232323;
  text-transform: uppercase;
}
.placeholder.thumbImg img,
#latestnewsWrapper picture img {
}
.placeholder.thumbImg img.loaded,
#latestnewsWrapper picture img.loaded {
  opacity: 1;
}
#tnplLiveWrapper {
  background: #542e91;
  margin-bottom: 15px;
  overflow: hidden;
  display: none;
}
#tnplLiveWrapper.active {
  display: block;
}
.wTnplLogo {
  background: url(../images/live-Widget-bgL.png) no-repeat -132px -20px;
  padding: 32px 15px;
  font: 20px/18px RbD_BK, Arial, sans-serif;
  text-transform: uppercase;
  color: #4d166b;
}
.wTnplLogo img {
  width: 110px;
  display: block;
}
.wTnplLogo i {
  padding-left: 5px;
  font-style: normal;
}
.viewFull {
  background: url(../images/live-Widget-bgR.png) no-repeat 30px -20px;
  height: 130px;
  padding: 15px 15px 15px 0;
  text-align: right;
  font: 14px/14px RbD_BK, Arial, sans-serif;
  color: #131313;
  text-transform: uppercase;
}
.viewFull a {
  display: block;
  border: 0 none;
  float: right;
  overflow: hidden;
  width: 50%;
}
.viewFull i {
  font-style: normal;
  display: block;
  overflow: hidden;
  padding-bottom: 20px;
}
.teamVteam {
  cursor: default;
  margin: 8px 0 0;
}
#tnplLiveWrapper .teamVteam {
  margin: 25px 0 0 !important;
  color: #fff;
}
.teamVteam img.teamLogo {
  width: 55px;
  height: 55px;
  background: #fff;
  padding: 5px;
  border-radius: 100%;
}
.barColor {
  background: #fdd52b;
}
.growth,
.growth .growth-full-right,
.growth .growth-full-left {
  height: 8px;
}
.teamVteam p span.tName {
  font-size: 12px;
}
.mcTeamRight img.teamLogo {
  float: right;
}
.mcTeamRight p {
  padding-top: 8px;
}
.teamVteam p span .tScore {
  font-size: 18px;
}
.summary {
  font: 14px RbD_R, Arial, sans-serif;
  padding: 8px 10px;
}
.motValue {
  color: #fff;
}
.motValue i {
  font-style: normal;
  color: #fdd52b;
  font: 14px RbD_BD, Arial, sans-serif;
}
.scliveGraphs {
  padding: 8px 0 0;
  border-bottom: 1px dashed #765ea4;
}
.standingsWrap {
  position: relative;
  font-family: "Roboto", sans-serif;
  border-radius: 4px;
  overflow: hidden; margin-bottom: 1.6rem;
}
.pointsFilter {
  background: #171A4C;
}
.standingsWrap .pointsTable {
  width: 100%;
  display: none;
}
.standingsWrap .pointsTable.active {
  display: table;
}
.standingsWrap .pageTitle {
  border-bottom: medium none !important;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding: 0 !important;
}
.standingsWrap .pageTitle.blueTxt {
  color: #fff;
  margin: 0; background: #5053a4; padding: 10px 0 !important;
}
.standingData {
  border-bottom: 1px solid #444;
  margin-bottom: 12px;
}
.standingData:last-child {
  border: 0;
}
.standingsWrap #stadingSmipl {
  float: left;
  max-height: 330px;
  height: 100%;
  width: 100%;
}
.standingsWrap #stadingSmipl table#points-table { background: #ffffff; }
.standingsWrap #errMsg {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
  background: #171A4C;
  color: rgba(255, 255, 255, 0.35) !important;
  font-size: 13px;
  line-height: 50px;
  font-weight: 400;
}
#stadingSmipl .tabBlock {
  display: block;
  overflow: hidden;
  background-color: #005baa;
  color: #fff;
  list-style: outside none none;
  padding-left: 0;
  width: 100%;
}
.stadingsContent {
  width: 100%;
  height: 320px;
}
.scorecardWrapper {
  margin-bottom: 25px;
  display: block;
  overflow: hidden;
}
.standingsWrap h1.blockTitle {
  margin: 0 0 10px;
  padding: 10px 15px;
  color: #fff;
  font-weight: 400;
}
.standingsWrap h1.blockTitle span {
  font-weight: 700;
}
.standingsWrap #divisionWrap ul {
  list-style: none;
  display: block;
  overflow: hidden;
  padding: 10px 5px;
}
.standingsWrap #divisionWrap li {
  margin: 0;
  font: 400 13px/16px Roboto, sans-serif;
  color: #fff;
  opacity: 0.65;
  float: left;
  padding: 0 10px;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
.statsWrapper {
  display: block;
  overflow: hidden;
  clear: both;
  margin-top: 20px;
}
.standingsWrap #divisionWrap ul.mcYearArch li.selactive,
.standingsWrap #divisionWrap li:hover,
.standingsWrap #divisionWrap li:focus {
  color: #ffe761 ;
  opacity: 1;
}
.standingsWrap .pointsFilter__competition {
  display: flex;
  clear: both;
  padding: 10px;
      justify-content: center;
}
.briefWidgetWrapper__inner .smWidget__header{
	display:none;
}
.standingsWrap .pointsFilter__competition select.mcSelectDefault:first-child {
  margin-right: 30px;
  text-transform: uppercase;
}
.standingsWrap .pointsFilter__competition select.mcSelectDefault.division { display: none; }
.standingsWrap .pointsFilter__competition select.mcSelectDefault.mcSearchCompetition, .topPerformersWrap #divisionWrap select { width: 65%; text-align: center; }
.standingsWrap select.mcSelectDefault {
  font-size: 12px;
  font-weight: 600;
  border: 0;
  padding: 10px;
  width: 100%;
  margin: 0;
  background-color:#171A4C;
  border-radius: 0;
  display: block;
  color: #ffe761;
  cursor: pointer; border: 1px solid #d7bf384f !important;
}
#stadingSmipl table#points-table thead th {
  background: none;
  font: 600 11px Roboto, Arial, sans-serif;
  padding: 10px 5px;
  text-transform: uppercase;
  color: #171A4C;
}

#stadingSmipl table#points-table tbody tr:nth-child(2n+1) {
  background: #EBEEFD;
}

table#points-table th,
table#points-table td {
  padding: 8px 0;
}
table#points-table tbody tr {
  border-bottom: 1px solid #ffffff14 !important;
}
table#points-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.05);
}
table#points-table tbody td {
  font: 12px/16px Roboto, Arial, sans-serif;
  color: #171A4C;
  border: 0 none;
}
table#points-table tbody td span,
table#points-table tbody td i {
  display: inline-block;
  vertical-align: middle;
}
table#points-table tbody td span img {
  width: 25px;
  margin-right: 10px;
}
table#points-table tbody td i {
  font-style: normal;
  overflow: hidden;
  text-align: left;
  font-size: 11px;
  line-height: 14px;
}
table#points-table tfoot tr td:hover,
table#points-table tfoot tr td:focus {
  background-color: #ed292a;
}
table#points-table .point-btn {
  padding: 2px 25px 2px 2px;
  line-height: 12px;
  background-position: right center;
  margin-right: 12px;
}
table#points-table tbody td:last-child {
  font-weight: 600;
  font-size: 13px;
  color: #171A4C;
}
#stadingSmipl .tabBlock li.active,
.topPerformersWrap #divisionWrap li.active {
  background-color: #BA2649;
  color: #fff;
}
.pointsTable thead tr {
  padding: 5px;
  background: #ddd;
  color: #636363;
}
.pointsTable thead tr th {
  text-transform: uppercase;
  padding: 5px;
  font-weight: 400;
  font: 11px/14px Roboto, sans-serif;
}
.pointsTable td {
  text-align: center;
  padding: 5px;
  font: 15px/20px Roboto, sans-serif;
  color: #434343;
}
.pointsTable tr.zoneBlk td {
  color: #BA2649;
  font: 12px/16px RbD_BD, Arial, sans-serif;
  text-transform: uppercase;
}
.pointsTable td:first-child {
  width: 40%;
  text-align: left;
  font: 14px/20px Roboto, Arial, sans-serif;
  color: #434343;
}
.statsWrapper .titleBlk {
  background-color: rgba(23, 23, 28, 0.7);
  color: #fff;
  text-transform: uppercase;
  font: 16px/18px "Source Sans Pro", sans-serif;
  height: 100%;
  opacity: 1;
  padding: 40px 15px 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: 150px;
}
.statsWrapper .imgBlk {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
  -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;
}
.statsWrapper .imgBlk img {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.statsWrapper .imgBlk:hover .titleBlk {
  background-color: rgba(135, 36, 65, 0.9);
  cursor: pointer;
  -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;
}
.appPromotWrap {
  background: linear-gradient(to right, #990A3B 30%, #E14400 80%);

  border-radius: 12px;
height: 59px;
top: 0px;
bottom: 0;margin-bottom: 25px;
}
.appPromotWrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/ap-b.png) no-repeat center / 1000px; overflow: hidden; border-radius: 12px;
  display: none;
}
.appPromotWrap__content {
  height: 65px;
  position: relative;
  text-align: left;
  transition: all 0.35s ease-in-out;
  z-index: 9;
  padding: 10px 15px;
  border-radius: 12px; backdrop-filter: blur(14px);
background: #D9D9D91C;
display: flex;
align-items: center;
left: 0;
right: 0;
top: -3px;
bottom: 0; box-shadow: 4px 2px 10px 3px rgba(0,0,0,0.25);
}
.appPromotWrap__content .appCont {
  display: inline-block;
  vertical-align: middle;
  clear: both;
}
.appPromotWrap__content .appCont.appPromotCaption { display: flex; align-items: center; justify-content: space-between;
width: 70%; }
.appPromotWrap__content .appLogo {
  overflow: hidden;
  margin-right: 10px;
}
.appPromotWrap__content .appLogo img {
  width: 40px;
  margin: 5px auto;
}
.appPromotWrap__content .appPromotCaption span {
  vertical-align: middle;
}
.appPromotWrap__content .appPromotCaption span:nth-child(1) {
  margin-right: 10px;
  color: #ffffff;
  font-family: Source Sans Pro;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500;
}
.appPromotWrap__content .appPromotCaption span:nth-child(2) a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.appPromotWrap__content .appPromotCaption span:nth-child(2) a:last-child {
  margin: 0;
}
.appPromotWrap__content .appPromotCaption span:nth-child(2) a img {
  width: 40px;
}
.appPromotWrap__content .appPromotScreen {
  position: absolute;
  right: 0;
  top: -34px; width: 135px;
}
.appPromotWrap__content .appPromotScreen img {
  margin: 0 auto;
  text-align: center;
  width: 180px;
}
.tnplPromot__banner {
  border: 0;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0 auto 25px;
}
.tnplPromot__banner img {
  margin: 0 auto;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;
}
.tnplPromot__banner img.text_anim {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.statematch-header {
  background: #242766;
  padding: 15px 0;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font: 600 15px/15px Roboto, Arial, sans-serif;
}
.stateMatch {
  background: #990A3B;
  margin-bottom: 25px;
  border-radius: 12px; height: 60px;
}
.stateMatch a {
	position: relative;
	border-radius: 12px;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  backdrop-filter: blur(14px);
background: #D9D9D91C;
display: flex;
align-items: center;
left: 0;
right: 0;
top: -3px;
bottom: 0;
box-shadow: 4px 2px 10px 3px rgba(0,0,0,0.25);
}
.stateMatch a .stateMatch--content {
  padding: 0 25px;
}
.stateMatch a img {
  width: 45px;
  margin: 10px 25px 10px 0;
}
.stateMatch a img,
.stateMatch a span {
  display: inline-block;
  vertical-align: middle;
}
.stateMatch a span {
  color: #ffffff;
  font: 400 16px/20px Roboto, Arial, sans-serif;
  text-transform: uppercase;
}
.stateMatch a span b {
  font-size: 18px;
  font-weight: 900;
  display: block;
  overflow: hidden;
  color: #ffffff;
}
.stateMatch a .stateMatch--content .view-statematch {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.stateMatch a .stateMatch--content .view-statematch svg path { fill: #ffffff; }
.stateMatch a:hover .stateMatch--content .view-statematch,
.stateMatch a:focus .stateMatch--content .view-statematch {
  padding-left: 20px;
}
.topPerformersWrap {
  background: #171A4C78;
  overflow: hidden;
 border-radius: 12px;
  margin-bottom: 3rem; padding: 1rem 0.5rem;
}
.topFilter-Wrap {
  text-align: center;
}
.topFilter-Wrap h1 {
  font: 700 24px Roboto, Arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
}
.topFilter-Wrap h1 span {
  color: #ffffff;
  font-weight: 700;
}
.topPerformersWrap #divisionWrap {
  display: block;
}
.topPerformersWrap #divisionWrap select {
  border: 0;
  text-transform: uppercase;
  border-radius: 0;
  background-color: #171A4C;
  color: #ffe761;
  padding: 10px;
  margin-bottom: 2px;
  font: 600 12px Roboto, Arial, sans-serif;
  border: 1px solid #d7bf384f !important;
}
.performersList {
  display: flex; 
  padding: 15px 0 25px;
}
.performersList .tp-box { flex: 1; margin: 0 10px; }
.topPerformersWrap .imgBlk {display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; max-height: 220px;
  border-radius: 8px;
  text-transform: uppercase;
  background: #EBEEFD;
  padding: 15px 0;
}
.topPerformersWrap .imgWrapper {
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle; display: none;
}
.topPerformersWrap .imgWrapper img {
  background-color: #ddd;
  border-radius: 50%;
  width: 50px;
  border: 2px solid #e1e9f8;
}

.topPerformersWrap .playerDetWrap {
  text-align: center;
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 18px;
  font-family: "Roboto", sans-serif; 
}
.ft-logo { margin-bottom: 20px; display: block;  }
.ft-logo img { width: 100px; margin: 0 auto; }
.topPerformersWrap .playerDetWrap .titleBlk {
  display: block;
  color: #171A4C;
  font: 600 14px/20px Roboto, Arial, sans-serif; background: #0000001c;
padding: 2px 10px;
border-radius: 5px;
margin-bottom: 10px;
}
.topPerformersWrap .playerDetWrap .playerName {
  color: #222222;
  font-weight: 600; font-size: 14px;
}
.topPerformersWrap .playerDetWrap .teamName {
  color: #222222;
  display: block;
  font-weight: 400;
}
.topPerformersWrap .topScore {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  font-size: 24px; line-height: 32px;
  color: #BA2649;
  font-family: roboto;
  font-weight: 600;
}
.viewMoreIcon {
  border: 1px solid #222;
  border-radius: 10px;
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
}
.viewmreIconWrap {
  float: left;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
.viewAllPerformers {
  display: inline-block;
  margin: 10px 0 0;
  color: #ffe761;
  text-transform: uppercase;
  font: 600 12px Roboto, Arial, sans-serif;
}
.viewAllPerformers:hover,
.viewAllPerformers:focus {
  color: #BA2649;
}
#promoPopup img {
  width: 618px;
}
.topPerformersWrap #errMsgTop {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
  background: #fff;
  color: #152330 !important;
  font-size: 16px;
  line-height: 50px;
  font-weight: 400;
}
.uniform-grid {
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.uniform-grid .uniform-grid__section {
  display: flex;
}
.standingsWrap, #homeWidget__hof {border-radius: 12px; }
#homeWidget__hof { 
  display: block;
  overflow: hidden;
  margin-bottom: 10px; background: #171A4C78; padding: 1rem 0; margin-bottom: 2rem;
}
#homeWidget__hof h1.blockTitle {
  margin: 0 15px 25px;
  position: relative;
}
#homeWidget__hof h1.blockTitle .readMore {
  top: 15px;
  right: 0;
}
#homeWidget__hof .staticContentBlk {
  min-height: auto;
}
#homeWidget__hof #hallOfFame ul li p.crtName {
  font-size: 12px;
  text-transform: capitalize;
}
#homeWidget__hof #hallOfFame ul li .thumbImg {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#homeWidget__hof #hallOfFame ul li p.view-status {
  font-size: 11px;
}
.advWrapper {
  display: block;
  overflow: hidden;
  margin: 0 auto 20px;
  text-align: center;
}
.advWrapper img {
  display: block;
  overflow: hidden;
}
.advWrapper__adv1 img {
  margin-bottom: 20px;
}
h1.blockTitle {
  text-transform: uppercase;
  color: #ffffff;
  font: 600 24px/28px Roboto;
  margin: 0 0 25px;
  display: block;
  clear: both;
}
h1.blockTitle span {
  font-weight: 700;
}
#socialWrapper {
  margin-bottom: 25px;
  display: block;
  overflow: hidden;
}
.social__feed {
  background: #fff;
  display: block;
  overflow: hidden;
  margin-right: 30px;
  border-radius: 4px;
}
.social__feed .social__content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.social__feed h2 {
  text-align: center;
  padding: 10px;
  margin: 0;
}
.fac-poster img {
  display: block;
  overflow: hidden;
}
.fbWrap h2 {
  background: #f0f0f0;
}
.twWrap h2 {
  background: #f0f0f0;
}
..fb_iframe_widget {
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.tabsMenu {
  float: left;
  clear: both;
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
  margin: 0 0 25px;
  width: 100%;
}
.tabsMenu li {
  float: left;
  margin-right: 30px;
  border-right: 1px dashed #ccc;
}
.tabsMenu li.current {
  position: relative;
  z-index: 5;
}
.tabsMenu li a {
  text-transform: uppercase;
  padding: 0 30px 0 0;
  font: 700 15px/18px Roboto, Arial, sans-serif;
  color: #333;
  text-decoration: none;
  border: none;
}
.tabsMenu li a:hover,
.tabsMenu li a:focus {
  color: #BA2649;
}
.tabsMenu .current a {
  color: #BA2649;
}
.tab {
  float: left;
  margin: 0 20px 20px;
  width: auto;
}
.tabContent {
  display: none;
}
#tab-1 {
  display: block;
}
ul.member {
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 0 15px;
}
ul.member li {
  font: 600 14px/24px Roboto, sans-serif;
  display: block;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}
ul.member li span {
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 80%;
}
#officeBearersSection {
  display: block;
  overflow: hidden;
}
#officeBearersSection ul {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#officeBearersSection ul.presidentTitle {
  padding: 0;
  margin: 0;
  border: 0 none;
}
#officeBearersSection ul.presidentTitle li.ofbTitle {
  color: #fff;
}
#officeBearersSection ul.presidentTitle li {
  color: #fff;
  font-family: RbD_BD, Arial, sans-serif;
}
#officeBearersSection ul li.ofbTitle,
#officeBearersSection ul.exeCmt li.ofbTitle {
  text-transform: uppercase;
  color: #005bab;
  font: 14px/24px Roboto, sans-serif;
}
#officeBearersSection ul.tabsMenu li {
  margin: 0;
  border: none;
  float: none;
  text-transform: uppercase;
  color: #232323;
}
#officeBearersSection ul.tabsMenu li a {
  color: #232323;
  font: 14px/18px Roboto, sans-serif;
}
#officeBearersSection ul.exeCmt li {
  text-transform: capitalize;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
#officeBearersSection ul.exeCmt li span {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.documents_documentTable th { background-color: #272A6F !important; }
.ofBox1 {
  background: #171A4C;
  width: 98%;
  padding: 15px;
  margin-bottom: 15px;
}
.ofBox2 {
  background: #eee;
  width: 98%;
  padding: 15px;
  margin-bottom: 15px;
}
.ofBox2 ul li {
  color: #232323;
  font: 600 14px/22px Roboto, sans-serif;
}
.arrow-down {
  width: 0;
  display: inline-block;
  vertical-align: middle;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #232323;
}
.yearDP {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.yearDP dd,
.yearDP dt,
.yearDP ul {
  margin: 0;
  padding: 0;
}
.yearDP dd {
  position: relative;
}
.yearDP a,
.yearDP a:visited {
  color: #816c5b;
  text-decoration: none;
  outline: none;
}
.yearDP a:hover {
  color: #5d4617;
}
.yearDP dt a:hover {
  color: #5d4617;
  border: 1px solid #d0c9af;
}
.yearDP dt a {
  padding-left: 8px;
  background: #e4dfcb;
  display: block;
  border: 1px solid #d4ca9a;
  width: 150px;
}
.yearDP dt a span {
  width: 120px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  font: 700 14px/18px Roboto, Arial, sans-serif !important;
  color: #232323;
}
.yearDP dd ul {
  background: #e4dfcb none repeat scroll 0 0;
  border: 1px solid #d4ca9a;
  color: #c5c0b0;
  display: none;
  left: 0;
  padding: 5px 0;
  position: absolute;
  top: 2px;
  width: auto;
  height: 200px;
  overflow-y: scroll;
  min-width: 150px;
  list-style: none;
}
.yearDP dd ul li a {
  padding: 5px;
  display: block;
}
.yearDP dd ul li a:hover {
  background-color: #d0c9af;
}
.boardSection {
  background: #eee;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
}
.org {
  background: #171A4C;
}
.blu {
  background: #171A4C;
}
.gre {
  background: #171A4C;
}
.boardSection h4 {
  font: 600 14px/22px Roboto, sans-serif;
  text-transform: capitalize;
  padding: 15px 10px;
  color: #fff;
  box-shadow: 0 1px 3px 1px #999;
  -webkit-box-shadow: 0 1px 3px 1px #999;
  -moz-box-shadow: 0 1px 3px 1px #999;
}
.boardSection h4 span {
  display: block;
  text-transform: uppercase;
  font: 600 14px/14px roboto, Arial, sans-serif;
}
.sectionScroll {
  height: 220px;
  margin-bottom: 10px;
}
ul.boardList {
  padding: 0 10px;
}
ul.boardList li {
  font: 13px/14px Roboto, sans-serif;
  text-transform: uppercase;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}
ul.boardList li span {
  font: 14px/14px Roboto, Arial, sans-serif;
  width: 33%;
  display: inline-block;
  vertical-align: middle;
  color: #232323;
  padding-right: 5px;
}
#boardHonor .tab {
  width: 100%;
  margin: 0;
}
#boardHonor .tabsMenu li a {
  font: 600 14px/16px Roboto, Arial, sans-serif;
  text-transform: uppercase;
}
.governingSection {
  background: none;
}
.sectionScroll {
  height: 220px;
  margin-bottom: 10px;
}
#goverMember .tab {
  float: none;
  width: 100%;
  margin: 0;
}
#goverMember .tabsMenu li a {
  font: 600 14px/16px roboto, Arial, sans-serif;
  text-transform: uppercase;
}
.tnplAdv {
  margin-bottom: 1px;
  overflow: hidden;
}
.tnplAdv img {
  height: 180px;
  -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;
}
.tnplAdv a {
  display: block;
  overflow: hidden;
  border: 0 none;
}
.tnplAdv a:hover img,
.tnplAdv a:focus img {
  -webkit-transform: scale(1.035);
  transform: scale(1.035);
}
.hd3 {
  font: 600 16px/20px Roboto, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}
ol.tncaObject {
  font: 15px/20px RbD_R, Arial, sans-serif;
  color: #232323;
  margin-bottom: 15px;
}
ol.tncaObject li {
  line-height: 20px;
}
.pdfDownload a {
  background: url(../images/pdf.png) no-repeat center left;
  display: block;
  overflow: hidden;
  font: 600 14px/20px Roboto, Arial, sans-serif;
  text-transform: uppercase;
  padding: 30px 0 30px 85px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 15px;
}
.pdfDownload a:hover,
.pdfDownload a:focus {
  color: #BA2649;
  border: 1px solid #BA2649;
  background: url(../images/pdf.png) no-repeat 10px center;
}
.header_withLogo {
  background-repeat: no-repeat;
  float: left;
  font-family: RbD_BD, Arial, sans-serif;
  margin-bottom: 10px;
  min-height: 75px;
  padding-left: 80px;
  width: 100%;
}
#tnplSection .tab {
  width: 100%;
  margin: 0 0 15px;
}
#tnplSection .tabsMenu li a {
  font: 14px/16px RbD_BD, Arial, sans-serif;
  text-transform: uppercase;
}
#tnplTeams .pageTitle img {
  width: 100px;
  margin-right: 20px;
}
.tnplTeamSection {
  margin: 0 15px 40px 0;
  border-right: 1px solid #ccc;
  padding: 0 30px 0 15px;
}
.tnplTeamSection h4 {
  height: 34px;
  font: 16px/16px RbD_BD, Arial, sans-serif;
  text-transform: uppercase;
  color: #542e91;
  margin-bottom: 10px;
}
ul.tnplPLYList {
  color: #232323;
  margin: 0 0 15px;
  padding: 0 0 15px 20px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  float: left;
}
ul.tnplPLYList li {
  list-style-type: decimal;
  text-transform: uppercase;
  font: 14px/ 18px RbD_R, Arial, sans-serif;
  padding: 0 0 5px 5px;
  width: 100%;
  float: left;
}
ul.tnplPLYList li:last-child {
  padding-bottom: 0;
}
.fcBanner img {
  margin-bottom: 25px;
}
#historic h2 {
  font: 700 28px/30px Roboto, Arial, sans-serif;
  color: #171b1f;
  text-transform: uppercase;
  margin: 10px 0 20px;
  display: block;
  overflow: hidden;
  clear: both;
}
#historic h2 span {
  font: 15px/18px Roboto, Arial, sans-serif;
  color: #BA2649;
  text-transform: capitalize;
  display: block;
}
ul.hePoints {
  list-style: circle;
  padding: 0 25px 0 15px;
  margin-bottom: 40px;
  border-right: 1px solid #ccc;
}
ul.hePoints li {
  margin-bottom: 10px;
  padding-left: 5px;
  font: 14px/24px Roboto, sans-serif;
  color: #232323;
  text-align: justify;
}
#youKnowSection h2 {
  display: block;
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}
#youKnowSection h2 p,
#youKnowSection h2 i {
  float: left;
  margin-bottom: 0;
}
#youKnowSection h2 p {
  text-align: right;
  font: 700 28px/25px Roboto, Arial, sans-serif;
  color: #171b1f;
  text-transform: uppercase;
  margin-top: 12px;
  padding-right: 10px;
}
#youKnowSection h2 p span {
  font: 15px/18px Roboto, Arial, sans-serif;
  color: #27ae60;
  display: block;
  text-transform: uppercase;
}
#youKnowSection h2 i {
  font: 700 46px/32px Roboto, Arial, sans-serif;
  font-style: normal;
  background: #27ae60;
  color: #fff;
  border-radius: 2px;
  padding: 11px 10px;
}
ul.knowPoints {
  border: 0 none;
  padding-right: 0;
}
ul.knowPoints li {
  margin-bottom: 15px;
  padding: 0 0 15px;
  border-bottom: 1px dashed #ccc;
  font: 14px/24px Roboto, sans-serif;
  color: #232323;
  text-align: justify;
}
#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 {
 overflow: hidden;
display: flex;
border: 0; margin-bottom: 1rem;
flex-direction: column;
background: #171A4CF7; border-radius: 8px; overflow: hidden;
}
#hallOfFame ul li .thumbImg {
  min-height: 198px;
  background: #1d3c59;
  position: relative;
  overflow: hidden;
  display: block;
}
#hallOfFame ul li .thumbImg img {
  width: 100%;
  -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 p.crtName {
  text-align: left;
  z-index: 9;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 10px 10px 40px;
  color: #fff;
  font: 700 13px/16px Roboto, Arial, sans-serif;
  text-transform: uppercase;
  background: -moz-linear-gradient(
    top,
    rgba(23, 27, 31, 1) 0%,
    rgba(23, 27, 31, 0.8) 50%,
    rgba(23, 27, 31, 0.02) 99%,
    rgba(23, 27, 31, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(23, 27, 31, 1) 0%,
    rgba(23, 27, 31, 0.8) 50%,
    rgba(23, 27, 31, 0.02) 99%,
    rgba(23, 27, 31, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(23, 27, 31, 1) 0%,
    rgba(23, 27, 31, 0.8) 50%,
    rgba(23, 27, 31, 0.02) 99%,
    rgba(23, 27, 31, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171b1f',endColorstr='#00171b1f',GradientType=0);
}
#hallOfFame ul li p.debutDetail {
  
  font: 11px/20px Roboto, sans-serif;
  color: #ffffff;
  text-align: left;
  margin: 0;
  text-transform: uppercase; padding: 10px; 
}
#hallOfFame ul li p.debutDetail i {
  font: 14px Roboto, sans-serif;
  font-style: normal;
  color: #fff;
  display: block; line-height: 20px; font-weight: 500;
}
#hallOfFame ul li p.view-status {
  color: #ffe761;
  display: block;
  text-transform: uppercase;
  font: 400 11px/12px Roboto, sans-serif; margin: 0; padding: 0 10px 10px; 
}

#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: #ffe761 ;
}
#hallOfFame ul li a:hover .thumbImg img,
#hallOfFame ul li a:focus .thumbImg img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#hallOfFame ul li a:hover p.view-status {
  color: #ffe761;
}
.newsListContent .catFilterWrap {
  float: left;
  clear: both;
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
  margin: 0 0 25px;
  width: 100%;
}
.newsListContent .catFilterWrap li {
  cursor: pointer;
  float: left;
  margin-right: 30px;
  border-right: 1px dashed #ccc;
  padding: 0 30px 0 0;
  font: 14px/16px RbD_BD, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  text-decoration: none;
}
.newsListContent .catFilterWrap li:hover,
.newsListContent .catFilterWrap li:focus {
  color: #BA2649;
}
.newsListContent .catFilterWrap li.active {
  color: #BA2649;
}
.newsListContent {
  float: left;
  width: 100%;
  min-height: 600px;
}
.newsListContainer .newsWrapper {
  float: left;
  width: 100%;
}
#news_list_block {
  overflow: hidden;
}
#news_list_block .news_indv_block {
  padding: 4%;
  position: relative;
}
#news_list_block .news_indv_block a:hover .news_info,
#news_list_block .news_indv_block a:focus .news_info {
  border-bottom: 2px solid #BA2649;
  -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;
}
#news_list_block .news_indv_block a:hover .news_info .news-title,
#news_list_block .news_indv_block a:focus .news_info .news-title {
  color: #BA2649;
}
#news_list_block .news_indv_block a:hover .news_info .news-date,
#news_list_block .news_indv_block a:focus .news_info .news-date {
  color: #176ab3;
}
#news_list_block .news_indv_block .news_info {
  -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;
  bottom: 0;
  left: 2%;
  padding: 2% 0;
  position: absolute;
  width: 96%;
  z-index: 999;
}
#news_list_block .news_indv_block_wi .news_info {
  position: static;
  width: 100%;
}
#news_list_block .news_indv_block .news_info {
  background: #fff;
  border-bottom: 2px solid #ccc;
  bottom: 6px;
}
.news-date,
.news-title {
  -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;
}
.news-date {
  color: #999;
  font: 12px/14px Roboto, sans-serif;
  display: block;
  margin-bottom: 4px;
  text-transform: uppercase;
}
.news-title {
  color: #131313;
  font: 12px/16px Roboto, sans-serif;
}
.isotope,
.isotope .isotope-item {
  transition-duration: 0.8s;
}
.isotope {
  transition-property: height, width;
}
.isotope .isotope-item {
  transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  transition-duration: 0;
}
.news_img > img {
  height: auto;
  max-width: 100%;
  width: 100%;
}
.newsHeadLine {
  font: 30px/34px Roboto, Arial, sans-serif;
  color: #0c63af;
  text-transform: uppercase;
}
.newsHeadLine span {
  font: 30px/36px RbD_BK, Arial, sans-serif;
}
#newsBriefSection.staticContentBlk {
  min-height: auto;
}
#newsBriefSection span.seperator {
  border: 4px solid #0c63af;
  text-indent: -9999px;
  line-height: 0;
  width: 18%;
  visibility: hidden;
}
#newsBriefSection.staticContentBlk p {
  font: 16px/22px Roboto, sans-serif;
}
#newsBriefSection ul.posList li {
  font: 14px/16px RbD_BK, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #232323;
}
#newsBriefSection ul.posList li span {
  display: block;
  font: 12px/14px Roboto, Arial, sans-serif;
  text-transform: uppercase;
}
#newsBriefSection img {
  margin-bottom: 15px;
  height: 600px;
}
#newsBriefSection p {
  float: left;
  width: 100%;
  overflow: auto;
}
#newsBriefSection table p {
  overflow: visible;
}
#newsBriefSection table {
  width: 100% !important;
}
.tutiImage {
  margin: 0 auto 15px;
  text-align: center;
  padding: 20% 0;
  background: #eee;
  border: 1px solid #ddd;
}
.contactItems {
  display: block;
  padding-left: 30px;
  width: 100%;
  background-repeat: no-repeat;
  min-height: 30px;
}
.addr,
.phn,
.email,
.fax {
  font: 14px/24px Roboto, Arial, sans-serif;
}
.contact-us {
  padding: 0 15px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -webkit-align-items: top;
  -ms-flex-align: top;
  align-items: top;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#footerWrap {
  background-color: #10123E;
  padding: 3% 0 2%;
  color: #4d5055;
  overflow: hidden;
  display: block;
  clear: both;
}
#footerWrap .tncaCopyright {
  overflow: hidden;
  display: block;
  text-align: center;
  margin: 0 auto 35px;
}
#footerWrap .tncaCopyright img,
#footerWrap .tncaCopyright p {
  display: block;
}
#footerWrap .tncaCopyright svg {
  margin: 0 auto 15px;
  text-align: center;
}
#footerWrap .tncaCopyright p {
  color: rgba(255, 255, 255, 0.8);
  font: 400 22px/24px Roboto, Arial, sans-serif;
  text-transform: uppercase;
}
#footerWrap .tncaCopyright p span {
  display: block;
  font: 400 14px/24px Roboto, Arial, sans-serif;
  text-transform: capitalize;
}
#footerWrap ul.quickLinks {
  margin: 0 30px 15px;
  text-align: center;
}
#footerWrap ul.quickLinks li {
  display: inline-block;
  font: 300 16px/18px Roboto, Arial, sans-serif;
  margin: 0 25px 25px;
}
#footerWrap ul.quickLinks li.quickHead,
#footerWrap .tncaAppBtn h6 {
  font: 500 14px/16px Roboto, Arial, sans-serif;
  margin: 0 0 25px;
  color: rgba(255, 255, 255, 1);
  display: block;
  text-transform: uppercase;
}
#footerWrap ul.quickLinks li a {
  color: #ffffff;
}
#footerWrap ul.quickLinks li a:hover,
#footerWrap ul.quickLinks li a:focus {
  color: #fff;
}
#footerWrap .tncaAppBtn {
  margin: 0 auto 40px;
  text-align: center;
}
#footerWrap .tncaAppBtn a {
  width: 137px;
  margin: 0 5px;
  opacity: 0.8;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border: 0 none;
}
#footerWrap .tncaAppBtn a:hover,
#footerWrap .tncaAppBtn a:focus {
  opacity: 1;
}
#footerWrap .Copyright {
  color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
  display: block;
  overflow: hidden;
  text-align: center;
  font: 400 12px/14px Roboto, Arial, sans-serif;
}


/* Table */
.table-flex { margin-block-end: 3rem; }
.table-flex table.tableDefault {}
.table-flex table.tableDefault {
  font-family: "Open Sans",Arial,sans-serif;
  width: 100%;
  border: none;
  border-collapse: collapse;
  margin: 0 0 15px 0;
}

.table-flex table.tableDefault thead th {
  background: #00518f;
  text-align: left;
}
.table-flex table.tableDefault thead th {
  text-transform: uppercase;
  font-weight: 500;
  background: #666666;
  padding: 10px 6px;
  font-weight: 600;
  font-size: 12px;
  background: #272A6F;
  color: #ffffff;
  border: 0 none;
}

.table-flex table.tableDefault td:nth-child(1) {
  color: #00518f;
}
.table-flex table.tableDefault th:last-child, .table-flex table.tableDefault td:last-child { text-align: right; }
.table-flex table.tableDefault td:nth-child(4) { width: 50%; }
.table-flex table.tableDefault td:nth-child(4) .pp {}
.table-flex table.tableDefault td:last-child,
.table-flex table.tableDefault td:nth-child(3){ font-weight: 600; }
.table-flex table.tableDefault td:nth-child(3) { color: #272A6F; }
.table-flex table.tableDefault td {
  border-bottom: 1px solid #bbbbbb;
  text-align: left;
  padding: 14px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

#tranWrap .tabsMenu li { border: 0; }
#tranWrap .tabsMenu li a {  padding: 5px 12px !important; border: 0; color: #171A4C; background: #eee; border-radius: 10px; }
#tranWrap .tabsMenu li.current a, #tranWrap .tabsMenu li a:hover { padding: 5px 12px ; background: #ffe761; text-align: center; border-radius: 10px; color: #171A4C; }

@media(max-width: 1400px){
	#mainMenu .mainMenu__item a { font-size: 11px; padding: 0 0.5rem;}
}

@media(max-device-width: 640px) {
  .table-flex {
    width: 100%;
    overflow-x: scroll;
    display: flex;
  }
  .table-flex table.tableDefault td:nth-child(4) .pp { width: 400px; }
  .table-flex table.tableDefault td .pn { width: 200px; }
  
  
  #tranWrap #boardHonor .tabsMenu {white-space: nowrap;
    border: 0;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 0px;
    display: grid;
    grid-gap: calc(16px / 2);
    grid-template-columns: 140px;
    grid-template-rows: minmax(35px, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: calc(40% - 10px * 2);
    overflow-x: scroll;
    scroll-snap-type: x proximity;
    padding-bottom: calc(.75 * 10px);
    margin-bottom: calc(-.25 * 10px); padding-top: 10px; }
	#tranWrap #boardHonor .tabsMenu li { margin: 0; }

}


@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -0.5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -0.5deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0.5deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0.5deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -0.5deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -0.5deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -0.5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -0.5deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0.5deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 0.5deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -0.5deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -0.5deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.staticContentBlk {
  min-height: 500px;
}
.staticContentBlk p {
  margin-bottom: 25px;
}
.staticContentBlk ol {
  list-style: inside none number;
}
.contentHld {
  border-bottom: 1px solid #d0d0d0;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
}
.contentHld .contentTitle {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.contentHld .titleText {
  float: left;
  font-family: robotocondensed-bold;
  font-size: 18px;
}
.contentHld .publishDate {
  float: right;
}
.indvGalItem .titleHld {
  background-color: rgba(0, 0, 0, 0.57);
  bottom: 9px;
  color: #fff;
  padding: 5px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.staticContentBlk .tab {
  margin: 0;
}
.my-gallery figure {
  border: 3px solid #c9c9c9;
  float: left;
  height: 150px;
  margin: 0 5px 20px 0;
  overflow: hidden;
  width: 150px;
  align-items: center;
  display: flex;
  display: -webkit-flex;
}
.my-gallery figure a {
  width: 100%;
  text-align: center;
}
.my-gallery figure.active {
  border: 3px solid #847a7a;
}
.my-gallery img {
  max-height: 100%;
  max-width: 100%;
}
.catgList {
  outline: none;
  height: 40px;
  cursor: pointer;
  border: 1px solid #ccc;
  -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%, #8a8885 50%),
    linear-gradient(135deg, #8a8885 50%, transparent 50%);
  background-position: calc(100% - 25px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 10px 10px, 10px 10px, 2.5em 2.5em;
  background-repeat: no-repeat;
  background-color: #e1ddde;
  padding-left: 5px;
  width: 230px;
  margin-bottom: 20px;
}
.paginationWrap .indvPages {
  background-color: #1e2f3f;
  color: #fff;
}
.pageNavBlk {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  width: 20px;
}
.navIconPrev,
.navIconNext {
  display: none;
  position: absolute;
}
.navIconPrev.active,
.navIconNext.active {
  display: block;
}
.paginationWrap .indvPages:hover,
.paginationWrap .indvPages.active {
  background: #f71010 none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
}
.paginationWrap .paginationBlk {
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 20px;
  position: relative;
  width: 150px;
  text-align: center;
}
.pageNavBlk.navIconPrev {
  left: 0;
  top: 3px;
}
.pageNavBlk.navIconNext {
  right: -8px;
  top: 3px;
}
.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(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
.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: 647px !important;
  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 {
  background: #f1f1f1;
  padding: 25px;
  display: block;
  overflow: hidden;
}
.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;
}
.hofPopup-container .hofProfile p.profileDetails span.hofName {
  margin-bottom: 10px;
  font: 20px/22px RbD_BK, Arial, sans-serif;
  text-transform: uppercase;
}
.hofPopup-container .hofProfile p.profileDetails span {
  font: 13px/22px Roboto, sans-serif;
  text-transform: capitalize;
  display: block;
}
.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;
}
.hofData {
  display: block;
  overflow: auto;
  padding: 25px;
  margin-bottom: 20px;
}
.hofData h4 {
  display: block;
  overflow: hidden;
  font: 700 13px/16px Roboto, sans-serif;
  text-transform: uppercase;
  padding: 8px 10px;
  text-align: left;
  color: #fff;
}
.hofData h4.cr1 {
  background: #171A4C;
}
.hofData h4.cr2 {
  background: #171A4C;
}
#hofPopup .closeIcon {
  background: #176ab3;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 38px;
  height: 38px;
}
#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 Roboto, sans-serif;
  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;
}
#newsBriefSection table,
#newsBriefSection th,
#newsBriefSection td {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 5px;
}
#tnplTeams .teamLogo {
  height: 50px;
  width: 50px;
}
#tnplTeams .teamName {
  margin-left: 14px;
  margin-top: 15px;
  width: 190px;
}
#gallerySection .bx-wrapper {
  background: #222;
}
.popupContainer.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.popupContainer {
  transition: transform 0.4s ease, opacity 0.4s ease;
  background: rgba(0, 0, 0, 0.96) none repeat scroll 0 0 !important;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  float: left;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.popupContainer .popupContainerWrap {
  height: 100%;
  width: 100%;
}
.popupContainer .displayTable {
  height: 100% !important;
  text-align: left !important;
}
.displayTable {
  display: table;
  text-align: center;
  float: left;
  width: 100%;
}
.verticalHld {
  vertical-align: middle;
  display: table-cell !important;
}
.popupcontentHld {
  width: 100%;
  margin: 0 auto;
}
.popupcontentInnrWrap {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid rgba(204, 201, 201, 0.58);
  border-radius: 8px;
  color: #222;
  float: left;
  padding: 5px;
  position: relative;
  width: 100%;
}
.popupcontentInnrWrap .contentHeader {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
}
.popupcontentInnrWrap .contentDescWrap {
  height: 555px;
  overflow: auto;
  padding: 10px;
  max-height: none;
}
.popupcontentInnrWrap .topNews {
  text-align: center;
}
.closePopup {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.closePopup::before,
.closePopup::after {
  content: "";
  position: absolute;
  top: 17px;
  width: 23px;
  height: 3px;
  background-color: #222;
}
.closePopup::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.closePopup::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
@media (min-width: 940px) {
  .popupcontentHld {
    width: 640px;
  }
}
#promoPopup .popupcontentInnrWrap {
  text-align: center;
  background: 0;
  border: 0;
  transform: translateY(-40px);
  transition: all 0.25s ease-in-out;
}
#promoPopup .popupcontentInnrWrap.active .popInnrWrap {
  transform: translateY(20px);
  transition: all 0.75s ease-in-out;
}
#promoPopup .closePopup::before,
#promoPopup .closePopup::after {
  background-color: #fff;
  z-index: 1;
}
#promoPopup .closePopup {
  right: 48px;
  background: #f80000;
  border-radius: 50%;
  top: 34px;
  z-index: 999;
}
#promoPopup .contentDescWrap a {
  float: left;
  height: 45%;
  position: absolute;
  right: 72px;
  top: 125px;
  width: 48%;
}

@media (max-width: 1024px) {
  #promoPopup .closePopup {
    right: 13%;
  }
}
@media (max-width: 757px) {
  #promoPopup .contentDescWrap a {
    float: left;
    height: 45%;
    position: absolute;
    right: 37px;
    top: 0;
    width: 35%;
  }
  #promoPopup .closePopup {
    top: 4%;
    right: 6%;
    width: 30px;
    height: 30px;
  }
  .closePopup::before,
  .closePopup::after {
    top: 14px;
    width: 14px;
  }
}
.errText {
  color: #d01d1d;
  float: left;
  font-size: 16px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.tncaAppWrapper .logoutIcon {
  background-color: #cfcfcf;
  border-radius: 5px;
  color: #5a5a5a;
  font-family: RbD_BK, Arial, sans-serif;
  padding: 6px;
  text-align: center;
  text-transform: uppercase;
}
.cursorpointer {
  cursor: pointer;
}
.footerDiv .logoutLink {
  cursor: pointer;
}
.tncaAppWrapper .logoutIcon.disable,
.footerDiv .logoutLink.disable,
.footerDiv .loginLink.disable,
.mainMenu__itemsList .loginLink.disable {
  display: none !important;
}
.backIcon {
  font: 24px/24px Roboto, Arial, sans-serif;
  color: #BA2649;
  cursor: pointer;
}
.backIcon a:hover,
.backIcon a {
  border: none !important;
}
@media (min-width: 1280px) {
  #siteWrapper .mcRow {
    width: 1280px;
  }
}
@media (max-width: 1280px) {
  .matchDetailsWrap .live_block {
    margin-left: 0;
    margin-right: 0;
  }
  #mainMenu a.siteLogo {
    font-size: 12px; line-height: 1.6;
  }
  #mainMenu .mainMenu__item a {
    padding: 0 10px;
  }
}
@media (min-width: 980px) {
  .hofPopup-container {
    width: 980px !important;
  }
}
@media only screen and (max-device-width: 768px) {
  .mob_menu_bar {
    position: relative;
    padding: 0;
  }
  .mob_menu_bar .menu_icon {
    float: right;
    background: url(../images/mobile-menu.png) no-repeat scroll 8px center;
    height: 40px;
    width: 40px;
    cursor: pointer;
  }
  .mob_menu_bar .topBar__tncaLogo {
    clear: both;
    background: rgba(0, 0, 0, 0.2);
    padding: 4px 10px;
    margin-top: 5px;
    display: block;
    overflow: hidden;
  }
  .mob_menu_bar .topBar__tncaLogo img {
    margin-right: 10px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
  }
  .mob_menu_bar .topBar__tncaLogo i {
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-family: "Roboto";
    display: inline-block;
    vertical-align: middle;
  }
  .mob_menu_bar a {
    float: right;
    width: 48px;
    height: 48px;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: block;
  }
  .mob_menu_bar a span {
    display: block;
    border-radius: 2px;
    position: absolute;
    height: 3px;
    width: 48%;
    background: #fff;
    opacity: 1;
    right: 26%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    pointer-events: none;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .mob_menu_bar a span.menu-1 {
    top: 16px;
  }
  .mob_menu_bar a span.menu-2 {
    top: 24px;
  }
  .mob_menu_bar a span.menu-3 {
    top: 32px;
  }
  .mob_menu_bar a.activeMenu span.menu-1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
    top: 11px;
    left: 14px;
    width: 60%;
  }
  .mob_menu_bar a.activeMenu span.menu-2 {
    width: 0;
    opacity: 0;
  }
  .mob_menu_bar a.activeMenu span.menu-3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.7071067811865483,M12=0.7071067811865467,M21=-0.7071067811865467,M22=0.7071067811865483);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865483,M12=0.7071067811865467,M21=-0.7071067811865467,M22=0.7071067811865483)";
    top: 32px;
    top: 11px\9;
    left: 14px;
    width: 60%;
  }
  #topBar {
    position: absolute;
    display: block;
    top: 10px;
    background: transparent;
    left: 0;
    padding: 0 10px;
  }
  #topBar .topBar__tnca {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 4px;
    border-right: 0;
  }
  #menuHld .mainMenu__item ul.active {
    display: block;
  }
  #main-header {
    height: auto;
    margin-bottom: 15px;
  }
  ul.topBar-social {
    display: inline-block;
    vertical-align: middle;
  }
  ul.topBar-social li.appIcon a img {
    width: 95px;
  }
  ul.topBar-social li a.icn-fb {
    background: #fff;
  }
  ul.topBar-social li a.icn-fb,
  ul.topBar-social li a.icn-tw {
    width: 28px;
    height: 28px;
    background-size: 26px;
  }
  #mainMenu {
    position: relative;
    z-index: 99999;
  }
  
  #mainMenu .mainMenu__item ul { top: 20px; }
  #mainMenu .mainMenu__itemsList { display: block; }
  #mainMenu .mainMenu__itemsList.activeMenu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 2000;
    opacity: 1;
    visibility: visible;
  }
  #mainMenu .mainMenu__itemsList {
    background: #272A6F;
    width: 100%;
    top: 48px;
    bottom: 0;
    left: 100%;
    overflow-x: hidden;
    text-align: center;
    overflow-y: scroll;
    position: fixed;
    box-sizing: border-box;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  }
  #mainMenu .mainMenu__item {
    display: block; padding: 1.4rem 0 !important;
  }
  #mainMenu .mainMenu__item ul {
    display: none;
    position: inherit;
    float: none;
  }
  #mainMenu .mainMenu__item:hover > ul {
    display: block;
    width: 100%;
    margin: 0 0 0 9px;
  }
  #mainMenu .mainMenu__item a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
    #mainMenu .mainMenu__item ul.subNav { box-shadow: none; border-radius: 0; }
  #mainMenu .mainMenu__item ul li a {
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
  }
  #mainMenu .mainMenu__item ul li a:hover,
  #mainMenu .mainMenu__item ul li a:focus,
  #mainMenu .mainMenu__item ul li:hover > a,
  #mainMenu .mainMenu__item ul li:focus > a {
    padding-left: 0;
  }
  #mainMenu a.siteLogo {
    display: none;
  }
  #bfWidget__sideSection {
    padding: 0 10px;
  }
 .topPerformersWrap .imgBlk { padding: 10px; }
 .topPerformersWrap .playerDetWrap .titleBlk { font: 600 12px/15px Roboto, Arial, sans-serif; }
  .topPerformersWrap .playerDetWrap .playerName { line-height: 16px;}
  .performersList { padding: 15px 0 15px; }
  .tnplPromot__banner {
    padding: 0 15px;
  }
  #homeWidget__hof { margin: 0 10px 2rem; }
  .story-content { margin:0 10px 2rem; }
  .scorecardWrapper { margin:0 10px 1rem; }
  .story-content .PtabContent .readMore:hover { color: #000000;}
  .standingsWrap .pointsFilter__competition select.mcSelectDefault.mcSearchCompetition { width: 100%; }
  .standingsWrap #stadingSmipl { padding: 0; }
  #sideSection { margin: 0 10px; }
  #footerWrap {
    padding: 6% 0 4%;
  }
  #footerWrap .tncaCopyright {
    text-align: center;
    margin: 0 auto 15px;
  }
  #footerWrap .tncaAppBtn {
    margin: 0 auto 20px;
  }
  #footerWrap .tncaCopyright img {
    width: 80px;
    margin-bottom: 10px;
  }
  #footerWrap .tncaCopyright p,
  #footerWrap ul.quickLinks li.quickHead,
  #footerWrap .tncaAppBtn h6 {
    padding: 0;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  #footerWrap ul.quickLinks {
    padding: 15px 0 0;
  }
  #footerWrap ul.quickLinks li {
    margin: 0 10px 15px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 39.99em) {
.performersList { flex-direction: column; }
.standingsWrap { margin-left: 0 !important; margin-right:0 !important; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .contentWrapper .pageTitle,
  h3.pageTitle,
  .sectionTitle {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .videoWrapper .colLeftblk img {
    width: 100%;
    height: 100%;
  }
  .seperator {
    margin: 15px 0;
  }
  .statsWrapper .titleBlk {
    padding-top: 10px;
  }
  #stadingSmipl,
  h2.boxHead {
    padding: 0 15px;
  }
  .tabsMenu {
    padding: 15px 0;
  }
  .tabsMenu li a {
    font: 16px/16px Roboto, Arial, sans-serif;
  }
  #socialWrapper .fbWrap img,
  #socialWrapper .twWrap img {
    display: block;
    clear: both;
    overflow: hidden;
  }
  .hofData .mob_hide {
    display: none;
  }
  .tnplAdv img {
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #homeWidget__hof ul li .thumbImg {
    min-height: 140px;
  }
}
@media (max-width: 640px) {
  #mainMenu .mainMenu__itemsList {
    padding-left: 0;
  }
  #siteWrapper .mainMenu__item {
    padding: 0;
  }
  #siteWrapper .siteTitle {
    font-size: 15px;
    margin-top: 35px;
  }
  #siteWrapper .headerHld {
    margin-top: 0;
  }
  .menuHld .no-padding,
  .headerWrap .mcXL-6 {
    padding: 0 !important;
  }
  #siteWrapper .mainMenu__itemsList {
    padding-left: 0;
  }
  .leftContent,
  .footerWrap .tncalogoWrapper,
  .quickLinksWrapper,
  #siteWrapper .headerHld {
    border: 0 !important;
  }
  .cd-popup-container {
    width: 100% !important;
  }
  .topPerformersWrap .imgBlk {
    margin-bottom: 15px; padding: 5px 0; 
  }
  .standingsWrap .blockTitle {
    position: static;
  }
  .hofPopup-container .hofProfile p.profileDetails {
    float: left;
    padding-left: 0;
    padding-top: 10px;
    width: 100%;
  }
  .hofPopup-container .hofProfile p.profileDetails span i,
  .hofPopup-container .hofProfile p.profileDetails span span {
    width: 100%;
  }
  .stateMatch { height: 48px; }
}
@media only screen and (min-device-width: 360px) and (max-device-width: 640px) {
  .gSlider li p {
    bottom: 105px;
  }
  #newsBriefSection img {
    height: auto;
  }
  #gallerySection .bx-wrapper {
    height: 250px !important;
  }
  h2.boxHead {
    text-align: center;
  }
  .tabsMenu {
    padding: 15px 0;
  }
  .tabsMenu li a {
    font: 14px/14px Roboto, Arial, sans-serif;
  }
  .contentWrapper .pageTitle,
  h3.pageTitle,
  .sectionTitle,
  .newsHeadLine {
    font-size: 16px;
  }
  #tnplTeams .pageTitle {
    font-size: 24px;
  }
  .newsHeadLine {
    font-size: 20px;
  }
}
@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) {
  .contentWrapper .pageTitle,
  h3.pageTitle,
  .sectionTitle {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .tnplPromot__banner img.text_anim {
    top: 20px;
    width: 375px;
  }
  .statsWrapper .titleBlk {
    padding-top: 10px;
    font: 18px/20px Roboto, Arial, sans-serif;
  }
  #homeWidget__hof #hallOfFame ul li .thumbImg {
    min-height: 140px;
  }
  #boardHonor .tabsMenu {
    padding: 0 0 10px;
  }
  .hofData {
    width: 65%;
    padding: 10px;
  }
  table.hofTable {
    margin-bottom: 10px;
  }
  #hofPopup .nicescroll_content {
    min-height: 350px;
  }
  .hofPopup-container .hofProfile {
    padding: 15px;
  }
  .hofPopup-container .hofProfile img {
    width: 67px;
    height: 66px;
    margin-right: 10px;
  }
  .hofPopup-container .hofProfile p.profileDetails {
    width: 70%;
  }
  .hofPopup-container .hofProfile p.profileDetails span.hofName {
    font: 14px/16px RbD_BK, Arial, sans-serif;
  }
  .hofPopup-container .hofProfile p.profileDetails span i {
    line-height: 14px;
    display: block;
    color: #176ab3;
    text-transform: uppercase;
    width: 54%;
  }
  .hofPopup-container {
    width: 100% !important;
  }
  .hofData {
    padding: 10px;
  }
  table.hofTable {
    margin: 0 0 10px;
  }
  .hofPopup-container .hofProfile p.profileDetails span {
    margin-bottom: 4px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .mob_hide {
    display: none !important;
  }
  #topBar .topBar__tnca {
    display: none;
  }
  #newsBriefSection img {
    height: inherit;
  }
  #newsSlidSection,
  .tnplAdv {
    margin-top: 15px;
  }
  .stateMatch {
    margin-bottom: 15px;
  }
  .stateMatch a .stateMatch--content {
    padding: 0 5px;
  }
  .stateMatch a .stateMatch--content .view-statematch svg {
    width: 24px;
  }
  .stateMatch a img {
    margin: 5px 5px 5px 0;
  }
  .stateMatch a span {
    font-size: 16px;
  }
  .stateMatch a span b {
    font-size: 22px;
  }
  h1.blockTitle {
    text-align: center;
  }
  h2.boxHead {
    text-align: center;
  }
  table#points-table th,
  table#points-table td {
    padding: 10px 8px;
  }
  .pointsTable td:first-child {
    font-size: 12px;
  }
  .pointsTable .zoneBlk {
    font: 14px/16px RbD_BD, Arial, sans-serif;
  }
  .scorecardWrapper {
    padding: 0;
    clear: both;
  }
  .standingsWrap,
  .live_block {
    margin: 0 15px;
  }
  .standingsWrap .pointsFilter__competition {
    flex-direction: column;
  }
  .standingsWrap .pointsFilter__competition select.mcSelectDefault:first-child {
    margin-bottom: 8px;
    margin-right: 0;
  }
  .statsWrapper .titleBlk {
    font: 16px/18px RbD_r, Arial, sans-serif;
    padding: 20px 15px 0;
    text-transform: uppercase;
    width: 100%;
  }
  .topPerformersWrap #divisionWrap select {
    margin-bottom: 8px;
  }
  #socialWrapper,
  .appPromotWrap,
  .topPerformersWrap,
  .scorecardWrapper,
  .tnplPromot__banner,
  #bfWidget__sideSection {
    margin-bottom: 15px;
  }
  #homeWidget__hof h1.blockTitle {
    margin: 0 0 25px;
  }
  #homeWidget__hof h1.blockTitle .readMore {
    left: 0;
    top: 55px;
    margin: 0 15px;
  }
  #homeWidget__hof .staticContentBlk {
    margin-top: 55px;
  }
  #socialWrapper .social__feed {
    margin: 0 5px 0 0;
  }
  #socialWrapper .social__feed h2 {
    position: relative;
    height: 65px;
  }
  #socialWrapper .social__feed h2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  #socialWrapper .social__feed .social__content {
    display: none;
  }
  #socialWrapper .fbWrap {
    border: 0 none;
  }
  .tnplPromot__banner {
    padding: 0 10px;
    border: 0;
  }
  .tnplPromot__banner img.text_anim {
    top: 10px;
    width: 186px;
  }
  .tabsMenu {
    padding: 15px 0;
  }
  .tabsMenu li a {
    font: 600 14px/14px Roboto, Arial, sans-serif;
  }
  .contentWrapper .pageTitle,
  h3.pageTitle,
  .sectionTitle {
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
  }
  #historic h2 {
    font: 20px/26px RbD_BK, Arial, sans-serif;
  }
  #historic h2 span {
    font: 13px/14px Roboto, sans-serif;
  }
  ul.hePoints {
    padding: 0 15px;
    border: 0 none;
  }
  #boardHonor .tabsMenu {
    padding: 0 0 10px;
  }
  #boardHonor .tabsMenu li {
    margin-right: 10px;
  }
  #boardHonor .tabsMenu li a {
    padding-right: 10px;
  }
  #boardHonor .tabsMenu li:last-child,
  #boardHonor .tabsMenu li:last-child a {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .hofPopup-container .hofProfile {
    padding: 15px;
  }
  .hofPopup-container .hofProfile img {
    width: 67px;
    height: 66px;
    margin-right: 10px;
  }
  .hofPopup-container .hofProfile p.profileDetails {
    width: 70%;
  }
  .hofPopup-container .hofProfile p.profileDetails span.hofName {
    font: 14px/16px RbD_BK, Arial, sans-serif;
  }
  .hofPopup-container .hofProfile p.profileDetails span i {
    line-height: 14px;
    display: block;
    color: #176ab3;
    text-transform: uppercase;
    width: 54%;
  }
  .hofPopup-container {
    width: 100% !important;
  }
  .hofData {
    padding: 10px;
  }
  table.hofTable {
    margin: 0 0 10px;
  }
  .hofPopup-container .hofProfile p.profileDetails span {
    margin-bottom: 4px;
  }
  #news_list_block .grid_3 {
    width: 100%;
  }
  .newsListContent .catFilterWrap {
    padding: 0 0 10px;
  }
  .newsListContent .catFilterWrap li {
    padding-right: 10px;
    margin: 0 10px 10px 0;
  }
  #tnplTeams .pageTitle img {
    display: block;
    margin: 10px auto;
  }
  .yearDP {
    margin: 10px 0 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  #homeWidget__hof ul.hofSection {
    padding-left: 13px;
    height: auto;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  #homeWidget__hof ul.hofSection li {
    width: 55%;
    display: inline-block;
    float: none;
    padding: 5px;
  }
  #homeWidget__hof ul li .thumbImg {
    min-height: 140px;
  }
  #homeWidget__hof .staticContentBlk p {
    margin-bottom: 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  .hofData {
    width: 100%;
  }
  .tnplAdv img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .mob_menu_bar.inactive {
    display: none;
  }
  #mainMenu.active a.siteLogo {
    display: none;
  }
  #siteWrapper .mainMenu__item {
    width: 100%;
  }
  .standingsWrap #stadingSmipl {
    height: auto;
  }
  .recapContentBlock {
    height: auto;
  }
  .live_block .scrollbox {
    height: auto;
  }
  .hofPopup-container .hofProfile p.profileDetails span {
    float: left;
    width: 100%;
  }
  #hofPopup .closeIcon {
    float: right;
    position: relative;
  }
  #hofPopup .nicescroll_content {
    height: auto;
  }
  .hof_content {
    float: left;
    width: 100%;
    height: 300px;
    overflow: auto;
  }
}