/* 
mediaquery
*/
/*
media query for height*/

@font-face {
  font-family: 'GoBold';
  src: url('../fonts/GoBold.ttf') format('truetype'), 
       url('../fonts/GoBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(34, 45, 50, 0.25) !important;
}

::-webkit-scrollbar-thumb:vertical {
  background: #000 !important;
  border-radius: 5px !important;
}

#carousel-2 > ol {
  display: none;
}

body {
  font-family: 'sans-serif';
}

.versus {
  margin-bottom: 0px !important;
  color: #3c3c3c;
  font-size: 30px;
  padding: 10px;
  margin-top: 10px;
}

.gbold{
  font-family: 'Gothic A1', sans-serif!important;
}

.versus1 {
  margin-bottom: 0px !important;
  color: #3c3c3c;
  font-size: 30px;
  padding: 10px;
  margin-top: 28px;
}

.matchcentreTab {
  background-color: #e1e1e1;
}

.matchcentreTabSelected {
  background-color: #0a57a5 !important;
}

.setTab {
  cursor: pointer;
  background-color: #3f3f3f;
}

.setTabSelected {
  cursor: pointer;
  background-color: #ff9000 !important;
}
.pt_fs{
      font-size: 15px !important;
  }
.pt_fs_0
{
    font-size: 13px !important ;
}
@media (min-width: 485px) and (max-width: 575px) {
  .logo {
      margin: 0 auto;
      display: block;
      width: 40% !important;
  }

  .hdr_mt2 {
      display: none !important;
  }

 

  .scl_icon {
      width: 8% !important;
  }

  .tmr_m_l {
      margin-left: 16% !important;
  }

  .tmr_txt {
      margin-top: -13px !important;
      font-size: 12px !important;
  }

  .tmer_bg {
      width: 100px !important;
  }

  .match_box {
      width: 88% !important;
  }
}

a:hover,
.text_s_vall {
  cursor: pointer;
}

.row {
  padding: 0px;
  margin: 0px;
}

.col_off_p_m {
  padding: 0px !important;
  margin: 0px !important;
}

.f_l {
  float: left;
}
/*
body > div > div.container,body > div > div.col_slider > div{
@media @phone-strict
{
width: 538px !important;
}
}*/
@media only screen and (max-width: 485px) {
  .container {
      padding-right: 0px !important;
      padding-left: 0px !important;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .container {
      width: 750px !important;
  }

  .mc_container {
      width: auto !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
      width: 950px !important;
  }
}

.hdr_top {
  background-color: #0a57a5;
  padding: 0px 0px 0px 0px;
}

@media only screen and (max-width: 485px) {
  .hdr_top {
      padding: 0px 0px 0px 0px;
  }
}

@media only screen and (max-width: 485px) {
  .hdr_mt {
      margin-top: 20px !important;
  }
}

.hdr_mt2 {
  display: none;
}

@media only screen and (max-width: 485px) {
  .hdr_mt2 {
     margin-top: 0px !important;
      display: none;
  }
}

@media only screen and (max-width: 485px) {
  .tmr_m_l {
      margin-left: 16% !important;
  }
}

.hdr_mt1 {
    margin-top: 15px;
}

@media only screen and (max-width: 485px) {
  .hdr_mt1 {
      margin-top: 20px !important;
      margin-bottom: 20px;
  }
}

.logo {
  width: 230px;
  padding:5px;
}

@media only screen and (max-width: 485px) {
  .logo {
      margin: 0 auto;
      display: block;
      width: 40%;
  }
}

@media (min-width: 992px) {
  .pt_fs{
      font-size: 12px !important;
  }
}
@media only screen and (min-width: 485px) and (max-width: 767px) {
  .logo {
      margin: 0 auto;
      display: block;
      width: 80%;
  }
  .flw_us {
  font-size: 14px !important;
}
      .hdr_mt1 {
    margin-top: 0px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo {
      width: 90%;
  }

}

.txt_start {
  font-size: 30px;
  font-family: PinkBlue;
  color: #fff;
  line-height: 50px;
  padding: 20px 0px;
  text-align: right;
  margin-bottom: 0px;
}

@media only screen and (max-width: 485px) {
  .txt_start {
      font-size: 28px;
      line-height: 0px;
      text-align: center;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .txt_start {
      font-size: 19px;
      line-height: 16px;
      text-align: center;
  }
}

.tmer_bg {
  float: left;
  padding: 0px;
  margin: 0px;
  background: #FF0;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FF0), color-stop(50%, #FF0), color-stop(50%, #FE0000));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #FF0 50%, #FF0 50%, #FE0000 50%);
  /* Chrome10+, Safari5.1+ */
  background: -moz-linear-gradient(top, #FF0 50%, #FF0 50%, #FE0000 50%);
  /* Fx3.6+ */
  background: -ms-linear-gradient(top, #FF0 50%, #FF0 50%, #FE0000 50%);
  /* IE10+ */
  background: -o-linear-gradient(top, #FF0 50%, #FF0 50%, #FE0000 50%);
  /* Opera11.10+ */
  background: linear-gradient(to bottom, #fdd847 50%, #FF0 50%, #fccb0a 50%);
  height: 85px;
  width: 95%;
}

@media only screen and (max-width: 485px) {
  .tmer_bg {
      height: 70px;
      width: 70px;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .tmer_bg {
      height: 60px;
      width: 68px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmer_bg {
      height: 68px;
      width: 93%;
  }
}

.tmr_txt {
  margin-top: 30px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-family:'Montserrat', sans-serif;
  text-transform: uppercase;
}

@media only screen and (max-width: 485px) {
  .tmr_txt {
      margin-top: 0px;
      font-size: 14px;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .tmr_txt {
      margin-top: -8px;
      font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmr_txt {
      margin-top: 0px;
      font-size: 13px;
  }
}

.tmr_num {
  margin-top: 19px;
  color: #0a57a5;
  font-size: 35px;
  text-align: center;
  font-family:'Montserrat', sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 485px) {
  .tmr_num {
      margin-top: 9px;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .tmr_num {
      margin-top: 5px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tmr_num {
      margin-top: 8px;
  }
}

.scl_icon {
  width: 20%;
  margin-left: 20px;
}

@media only screen and (min-width:320px) and (max-width: 575px) {
  .scl_icon {
      width: 12% !important;
  }
}

@media only screen and (min-width:576px) and (max-width: 767px) {
  .scl_icon {
      width: 29% !important;
  }
}


@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .scl_icon {
      margin-left: 0px;
  }
}

.showSingle:hover {
  color: #FF9800 !important;
}

.showSingle {
  font-size: 13.5px;
  color: #000;
  text-transform: uppercase;
}

.nav_bg {
  background-color: #fccc0a !important;
}

.navbar-light .navbar-nav .nav-link {
  color: #000 !important;
  font-weight: bold;
  font-family:'Montserrat', sans-serif;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.hdr_slider {
  background-color: #f5f5f5;
  height: 150px;
}

 

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .col_slider {
      margin-top: 0px !important;
      padding: 0px !important;
  }
}

.col_news {
  background-color: #f5f5f5;
  position: relative;
  top: -30px;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .col_news {
      margin-top: -35px !important;
  }
}

.teams {
  background: #2BC0E4;
  background: -webkit-linear-gradient(to bottom, #f59d18, #fec642,#fec642,#fec642,#fec642);
  background: linear-gradient(to bottom, #f59d18, #fec642,#fec642,#fec642,#fec642);
  /* background-color: #fccc0a; */
  margin-top: -30px;
}

.gallery {
  background-color: #ffffff;
}

.socialmedia {
  background-color: #f5f5f5;
}

.sponsors {
  background-color: #ffffff;
}

.footer_1 {
  background-color: #0a57a5;
  color: #fff;
  font-family: 'sans-serif';
}

.footer_2 {
  background-color: #01274c;
}

.txt_ftr {
  color: #e8e8e8;
  margin-top: 20px;
  font-family:'Montserrat', sans-serif;
  font-size: 15px;
  text-align: center;
}

.txt_ftr_1 {
  padding: 20px;
}

.txt_ftr_2 {
  font-family:'Montserrat', sans-serif;
  font-size: 22px;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .txt_ftr_2 {
      font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .txt_ftr_2 {
      font-size: 17px;
  }
}

.txt_ftr_3 {
  font-family:'Montserrat', sans-serif;
  font-size: 14px;
}

.text_spnsrs {
  font-family:'Montserrat', sans-serif;
  font-size: 18px;
  margin-left: 6px;
  margin-top: 15px;
}

@media only screen and (max-width: 485px) {
  .text_spnsrs {
      text-align: center;
  }
}

.text_s_vall {
  font-family:'Montserrat', sans-serif;
  font-size: 17px;
  float: right;
  top: 15px;
  position: relative;
  text-transform: uppercase;
}

.navbar-toggleable .navbar-nav .nav-link {
  padding-right: 1.3rem !important;
  padding-left: 1.3rem !important;
  padding: 12px;
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .navbar-toggleable .navbar-nav .nav-link {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
      padding: 10px;
      font-size: 9px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
      .pt_fs_0
{
    font-size: 9px !important ;
}
   .cnt_pvl
  {
      font-size:11px !important;
  }
  .navbar-toggleable .navbar-nav .nav-link {
      padding-right: 0.8rem !important;
      padding-left: 0.8rem !important;
      padding: 10px;
      font-size: 11px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt_fs_0
{
    font-size: 11px !important ;
}
  .cnt_pvl
  {
      font-size:13px !important;
  }
  .navbar-toggleable .navbar-nav .nav-link {
      padding-right: 1.1rem !important;
      padding-left: 1.1rem !important;
      padding: 10px;
      font-size: 13px;
  }
}

.navbar {
  padding: 0px !important;
}

.active1 {
  background-color: #f7921e;
  color: #fff !important;
  text-decoration: none;
}

.nav-item:hover {
  background-color: #f4921e !important;
}

.nav-item:first-child {
  margin-left: 15px;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .nav-item:first-child {
      margin-left: 0px;
  }
}

@media only screen and (max-width: 575px) {
  body > div > div.row.nav_bg > div > nav {
      display: none !important;
  }
}

.sidenav {
  height: 300px;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #fccc0a;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 25px;
  text-transform: uppercase;
}

  .sidenav a {
      padding: 6px 6px 6px 20px;
      text-decoration: none;
      font-size: 15px !important;
      color: #000000;
      display: block;
      transition: 0.3s;
      font-family:'Montserrat', sans-serif;
  }

      .sidenav a:hover {
          color: #fff !important;
          background-color: #f4921e !important;
          text-decoration: none !important;
      }

  .sidenav .closebtn {
      position: absolute;
      top: -12px;
      right: 25px;
      font-size: 26px !important;
      margin-left: 50px;
  }

.navbar_mobile {
  display: none;
}

@media only screen and (max-width: 575px) {
  .navbar_mobile {
      font-size: 30px;
      cursor: pointer;
      margin-top: 0px !important;
      position: absolute;
      color: #fff;
      z-index: 999;
      display: block;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px), only screen and (min-width: 768px) {

  body > div:nth-child(10) {
      background-color: transparent !important;
  }
}

.match_slide {
  margin-top: 20px;
}

.match_box {
  border: solid thin #ddd;
  height: 120px;
  float: left;
  background-color: #fff;
  padding: 10px;
  margin: 1px;
  box-shadow: 0px 0px 5px #ddd;
  color: #000;
  width: 100%;
}

@media only screen and (max-width: 485px) {
  .match_box {
      width: 79%;
  }
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: left !important;
}

#owl-slide1 > div.owl-nav > button.owl-prev,
#owl-slide1 > div.owl-nav > button.owl-next,
#owl-slide3 > div.owl-nav > button.owl-next,
#owl-slide3 > div.owl-nav > button.owl-next {
  top: -106px;
  position: relative;
  padding: 0px 6px !important;
}

#owl-slide2 > div.owl-nav > button.owl-prev,
#owl-slide2 > div.owl-nav > button.owl-next,
#owl-slide3 > div.owl-nav > button.owl-prev,
#owl-slide3 > div.owl-nav > button.owl-next {
  top: -325px;
  position: relative;
  padding: 0px 6px !important;
  background: #fccc0a !important;
}

@media only screen and (max-width: 485px) {
  #owl-slide2 > div.owl-nav > button.owl-prev,
  #owl-slide2 > div.owl-nav > button.owl-next,
  #owl-slide3 > div.owl-nav > button.owl-prev,
  #owl-slide3 > div.owl-nav > button.owl-next {
      top: -113px;
  }
}

@media only screen and (min-width: 485px) and (max-width: 767px) {

  #owl-slide2 > div.owl-nav > button.owl-prev,
  #owl-slide2 > div.owl-nav > button.owl-next,
  #owl-slide3 > div.owl-nav > button.owl-prev,
  #owl-slide3 > div.owl-nav > button.owl-next {
      top: -160px;
  }
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #0a57a5 !important;
}

.owl-theme .owl-nav [class*=owl-] {
  font-size: 30px !important;
  border-radius: none !Important;
}

#owl-slide2 > div {
  width: 100% !Important;
}

#owl-slide1 > div.owl-dots,
#owl-slide3 > div.owl-dots {
  display: none;
}

#owl-slide1 > div.owl-nav > button.owl-next,
#owl-slide2 > div.owl-nav > button.owl-next,
#owl-slide3 > div.owl-nav > button.owl-next {
  float: right !important;
}

#owl-slide1 > div.owl-stage-outer {
  margin: 0px 30px !important;
}

#owl-slide2 > div.owl-dots {
  text-align: center !important;
  display: none;
}

.lg-sd {
   display: none;
}
.pt_fs {
  font-size: 15px;
}

#newsContent{
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,'Montserrat', sans-serif !important;
}
@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {

  body > div > div.row.gallery > div > div.col-12.col-sm-12.col-md-8.col-lg-8 {
      margin-bottom: 20px !important;
  }
}

.txt_scl {
  font-size: 20px;
  font-family:'Montserrat', sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.article_ma {
  margin-left: 0px;
}

@media only screen and (max-width: 485px) {
  .article_ma {
      margin-left: 20px !important;
  }
}

.drp_dwn_width {
  width: 240px;
}

  .drp_dwn_width > a:hover {
      background-color: #f4921e;
  }

.tc_text {
  color: #292b2c;
  text-transform: uppercase;
  font-size: 37px;
  margin-top: 10px;
  padding: 10px 0px;
  font-family:'Montserrat', sans-serif;
}

@media only screen and (max-width: 485px) {
  .tc_text {
      font-size: 23px;
      display: block;
      text-align: center;
  }
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .pt_dn {
      display: none;
  }
  .lg-sd {
   display: block;
}
}

.pt_fs {
  font-size: 14px !important;
}



@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .fxs_dn {
      display: none;
  }
  .pt_fs {
      font-size: 12px;
  }

  .sm_sd{
      line-height: 0 !important;
      margin-top:0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .pt_fs {
      font-size: 12px !important;
  }
  .lg-sd {
      display: none;
  }
}



.mc_img_0 {
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  display: block;
}
.mc_img_0_0 {
  width: 100%;
  padding: 0px;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 485px) {
  .mc_img_0 {
      padding: 0px !important;
      padding-top: 20px !important;
  }
  .mc_img_0_0 {
  width: 100%;
  padding: 0px;
  
}
}


.f600{
  font-weight: 600;
}

.ffamily{
  font-family:'Montserrat', sans-serif;
}

.set_mc {
  font-size: 14px;
  color: #000;
  font-family:'Montserrat', sans-serif;
  text-transform: uppercase;
}

.fxt_mc_txt:hover {
  text-decoration: none;
}

.mc_sets {
  margin-bottom: 0px;
  padding: 5px;
  font-family:'Montserrat', sans-serif;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 485px) {
  .mc_sets {
      font-size: 12px;
  }
}

.pp_tme {
  margin-bottom: 0px;
  text-align: center;
  font-family:'Montserrat', sans-serif;
  font-size: 18px;
  color: #292b2c;
}

@media only screen and (max-width: 485px) {
  .pp_tme {
      font-size: 12px !important;
  }
}

.tms_hidden {
  display: none;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .tms_hidden {
      display: block;
  }
}

.tms_visible {
  display: block;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .tms_visible {
      display: none;
  }
}

.tms_stripe_v {
  display: none;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .tms_stripe_v {
      display: block;
  }
}

.tms_stripe_h {
  display: block;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .tms_stripe_h {
      display: none;
  }
}

.sld_text {
  margin: 3px !important;
  line-height: 20px;
  background-color: #f7921e;
  padding: 7px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-family:'Montserrat', sans-serif;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .sld_text {
      font-size: 11px;
  }
}

.pp_ply_bg {
  float: left;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/Left%20Box.png);
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #eee;
}

@media only screen and (max-width: 485px) {
  .pp_ply_bg {
      background-image: none !important;
  }
}

.pp_ply_dtls {
  background-color: #eee;
  float: left;
  margin: 0px;
  padding: 0px;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .pp_sde_img {
      display: none;
  }
}

#m_b_n_n {
  display: none;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  #m_b_n_n {
      display: none;
  }

  #mobVideo {
      display: block;
  }
}

#m_n_n_b {
  display: block !important;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  #m_n_n_b {
      display: none !important;
  }
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .dn_fvs {
      display: none !important;
  }
}

.mp_d_0 {
  display: none;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .mp_d_0 {
      display: block !important;
  }
}

.mp_d_1 {
  display: block;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .mp_d_1 {
      display: none !important;
  }
}

.fvs_name {
  margin-bottom: 0px;
  padding-top: 20px;
  text-align: left;
  font-family:'Montserrat', sans-serif;
  font-size: 22px;
  color: #292b2c;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fvs_name {
      padding-top: 0px !important;
  }
}

.tmr_t_name {
  color: #000;
  text-transform: uppercase;
  font-size: 37px;
  margin-top: 10px;
  padding: 10px 0px;
  font-family:'Montserrat', sans-serif;
}

@media only screen and (max-width: 485px) {
  .tmr_t_name {
      font-size: 20px;
      text-align: center !important;
      margin: 0px auto;
      display: block;
  }
}

.team_logo {
  width: 100%;
}

@media only screen and (max-width: 485px) {
  .team_logo {
      width: 50%;
      margin: 0px auto;
      display: block;
  }
}

#normal_off {
  display: none;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  #normal_off {
      display: block !important;
  }
}

#normal {
  display: block !important;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  #normal {
      display: none;
  }
}

.stats_hover:hover {
  text-decoration: none;
}

#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  font-family: 'sans-serif';
}

@media only screen and (min-width: 485px) and (max-width: 767px) {
  .team_show_tab_off {
      display: none;
  }
}

.carousel-caption {
  padding-bottom: 0px !important;
  text-align: left !important;
  left: 10% !important;
}

.card-header {
  padding: 1px 0px !important;
}

.btn-link {
  color: #0a57a5 !important;
  font-family:'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}

.btn:focus,
.btn.focus {
  box-shadow: none !important;
}

.card-body {
  font-family:'Montserrat', sans-serif;
  padding: 5px 15px;
}

@media only screen and (max-width: 485px) {
  .rules_fr {
      font-size: 10px !important;
  }
}

.carousel-item .img-fluid {
  width: 100%;
  height: auto;
}

.carousel-item a {
  display: block;
  width: 100%;
}

.carousel-indicators li {
  top: 16px;
}

.hdr_date {
  font-family: PinkBlue;
  letter-spacing: 1px;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 20px;
}

@media only screen and (max-width: 485px) {
  .hdr_date {
      margin-top: 20px;
  }
}

.cnt_pvl {
  font-size: 15px;
}

@media only screen and (min-width: 800px) and (max-width: 850px) {
  .cnt_pvl {
      font-size: 10.5px;
  }
}

.team_pdng {
  padding: 30px;
  background-color: #101010;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
  .team_pdng {
      padding: 13px;
  }
}

.hme_bg_pdg {
  padding: 30px 20px 0px 20px;
}

.hme_bg {
  margin-top: 0px;
  background-image: url(../images/web-background.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0px -15px !important;
}


@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 767px) {
 
  .hme_bg {
      background-image: none !important;
      margin: 0px !important;
  }

  .hme_bg_pdg {
      padding: 0px !important;
  }

  .mt_mobile_off {
      display: none;
  }
}

@media screen and (max-width: 350px) {
  .table-responsive {
      max-width: 300px;
      overflow-x: scroll;
  }
}

@media screen and (min-width: 320px) and (max-width: 410px) {
  .pts_0 {
      padding: 0px !important;
  }

  .pts_1 {
      padding: 0px !important;
  }

  .dis_none_mbl {
      display: none !important;
  }
}

@media screen and (min-width: 350px) and (max-width: 410px) {

  .table-responsive {
      max-width: 330px;
      overflow-x: scroll;
  }
}

@media screen and (min-width: 411px) and (max-width: 480px) {
  .table-responsive {
      max-width: 440px;
      overflow-x: scroll;
  }
}

.page-link {
  font-family:'Montserrat', sans-serif !important;
}

.mc_m_off_m {
  display: block;
}

.mc_m_in_m {
  display: none;
}

.mc_sets_text {
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-family:'Montserrat', sans-serif;
}

.mc_txt_0 {
  color: #000;
  font-size: 14px;
  font-family:'Montserrat', sans-serif;
}

.mc_txt_0_1 {
  color: #000;
  font-size: 14px;
  font-family:'Montserrat', sans-serif;
}

.mc_t_l_off_m {
  display: block;
}

.mc_t_l_in_m {
  display: none;
}

.t_f1 {
  
  margin-left: 50%;
  margin-top: 40px;
}

.t_f2 {
  
  margin: 0px auto;
  display: block;
}

/* .t_f3 {
  
} */

.t_f4 {
  
  margin-left: 50%;
  margin-top: 0px;
}

.t_f5 {
  
  margin: 0px auto;
  display: block;
}

/* .t_f6 {
  
} */

.t_f7 {
  
  margin-left: 50%;
  margin-top: 0px;
}

.t_f8 {
  
  margin: 0px auto;
  display: block;
}

/* .t_f9 {
  
} */

.t_f10 {
  
  margin-left: 50%;
}

.t_f11 {
  
  margin: 0px auto;
  display: block;
}
/* 
.t_f12 {
  
} */

.pts_0 {
  margin-bottom: 0px !important;
  background: #8c8c8c;
  color: #fff;
  font-size: 40px;
  padding: 10px;
}

.pts_1 {
  margin-bottom: 0px !important;
  background: #ff9000;
  color: #fff;
  font-size: 40px;
  padding: 10px;
}

.r_logo {
  padding: 2px;
  width: 60px;
  float: right;
  background-color: #fff;
  border-radius: 50%;
  height: 60px;
}

.l_logo {
  width: 60px;
}

.txt_pbp {
  top: 20px;
  position: relative;
  font-family:'Montserrat', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.p_0, .p_1 {
  padding: 0px 10px;
}

.txt_t_0 {
  display: none;
}

.txt_t_1 {
  margin-bottom: 0px;
  font-family:'Gothic A1', sans-serif!important;
  font-size: 43px;
  text-transform: uppercase;
  color: #fccc0a;
  padding: 0px;
}

@media screen and (min-width: 550px) and (max-width: 800px) {
  .t_f1, .t_f2, .t_f3, .t_f4, .t_f5, .t_f6, .t_f7, .t_f8, .t_f9, .t_f10, .t_f11, .t_f12 {
      width: 30%;
  }
}

@media screen and (min-width: 800px) and (max-width: 820px) {
  .t_f1, .t_f2, .t_f3, .t_f4, .t_f5, .t_f6, .t_f7, .t_f8, .t_f9, .t_f10, .t_f11, .t_f12 {
      width: 20%;
  }
}

@media screen and (min-width: 821px) and (max-width: 930px) {
  .t_f1, .t_f2, .t_f3, .t_f4, .t_f5, .t_f6, .t_f7, .t_f8, .t_f9, .t_f10, .t_f11, .t_f12 {
      width: 20%;
  }
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 850px) {
  .p_0, .p_1 {
      padding: 0px 0px !important;
  }

  .r_logo {
      display: none;
  }

  .l_logo {
      width: 44px;
      margin-top: 8px;
  }

  .txt_pbp {
      font-size: 12px;
  }

  .txt_t_0 {
      display: block;
      margin-bottom: 0px;
      font-family:'Montserrat', sans-serif;
      font-size: 22px;
      text-transform: uppercase;
      color: #fccc0a;
      padding: 0px;
  }

  .txt_t_1 {
      margin-bottom: 0px;
      font-family:'Gothic A1', sans-serif!important;
      font-size: 22px;
      text-transform: uppercase;
      color: #fccc0a;
      padding: 0px;
  }

  .mc_m_off_m {
      display: none !important;
  }

  .mc_m_in_m {
      display: block !important;
  }

  .mc_sets_text {
      cursor: pointer;
      color: #fff;
      font-size: 11px;
  }

  .mc_txt_0 {
      color: #000;
      font-size: 13px;
      font-family:'Montserrat', sans-serif;
  }

  .mc_txt_0_1 {
      color: #000;
      font-size: 13px;
      font-family:'Montserrat', sans-serif;
  }

  .mc_t_l_off_m {
      display: none;
  }

  .mc_t_l_in_m {
      display: block;
  }
}

@media screen and (min-width: 851px) and (max-width: 1000px) {
  .r_logo {
      display: none;
  }

  .t_f1, .t_f2, .t_f3, .t_f4, .t_f5, .t_f6, .t_f7, .t_f8, .t_f9, .t_f10, .t_f11, .t_f12 {
      width: 20%;
  }

  .mc_m_off_m {
      display: none !important;
  }

  .mc_m_in_m {
      display: block !important;
  }

  .mc_txt_0 {
      color: #000;
      font-size: 8px;
      font-family:'Montserrat', sans-serif;
  }

  .mc_txt_0_1 {
      color: #000;
      font-size: 8px;
      font-family:'Montserrat', sans-serif;
  }

  .mc_t_l_off_m {
      display: none;
  }

  .mc_t_l_in_m {
      display: block;
  }
}


/* 3 feb 2019 */
.sys_dis {
  display: block;
}

.mbl_dis {
  display: none;
}

.scd_img_0 {
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
}

.scd_img_1 {
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
}

@media only screen and (max-width: 485px), only screen and (min-width: 485px) and (max-width: 850px) {

  .verses_hmc
{
  line-height: 0px !important;
  margin-top: -20px !important;
}
  .sys_dis {
      display: none;
  }

  .mbl_dis {
      display: block;
  }
   .hme_bg {
      background-image: none !important;
      margin: 0px !important;
  }
   body > div.container-fluid.bdr_body.ng-scope > div.ng-scope > div.container-fluid.col_slider.hme_bg > div > div > div > div:nth-child(2)
  {
      display:none;
  }
    .hme_bg_pdg {
      padding: 0px !important;
  }
  .txt_thri {
      font-size: 30px !important;
          margin-bottom: 0px;
  }
}

@media screen and (min-width: 550px) and (max-width: 850px) {
  
      .verses_hmc
{
  line-height: 0px !important;
  margin-top: 50px !important;
}
  .scd_img_0 {
      width: 50% !important;
  }

  .scd_img_1 {
      width: 50% !important;
  }

  .txt_thri {
      font-size: 45px !important;
  }
}

@media screen and (min-width: 851px) and (max-width: 1000px) {
  .fnt_pnts
{
  font-size:14px !important;
}
  .sys_dis {
      display: none !important;
  }

  .mbl_dis {
      display: none !important;
  }

  .scd_img_0 {
      width: 50% !important;
  }

  .scd_img_1 {
      width: 50% !important;
  }
}
/* end 3 feb 2019 */

.txt_thri {
  font-size: 70px;
  font-family: PinkBlue;
  text-align: center;
  color: #fff;
}

.flw_us {
  font-family:'Montserrat', sans-serif;
  font-size: 20px;
  color: #fff;
}
.verses_hmc
{
  font-size:30px;text-align: center;float: left;padding: 5px;color:#fff;   line-height: 70px;
}

.team_div {
  transition: all .3s ease-in-out;
  /*overflow: hidden;*/
}

.team_div:hover .overlay {
  visibility: visible;
  /*transform: translate(0px, 0px);*/
  opacity: 1;
  height: 20%;
  bottom: -10%;
  transform: scale(1);
}

.overlay {
  text-align: center;
  display: block;
  /*background-color: rgba(0, 0, 0, 0.90);*/
  z-index: 9;
  position: absolute;
  width: 98%;
  height: 0;
  bottom: 0;
  /*right: 0;*/
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s ease-in-out;
  visibility: hidden;
  transform: scale(0);
  opacity: 0;
}

.overlay ul {
  padding: 0;
  margin: 0;
}

.overlay li {
  display: inline-block;
  padding: 5px 3px;
}

.overlay li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  /*border: 1px solid;*/
  font-size: 20px;
}

.overlay li a .fa-facebook {
  color: #3b5999;
}

.overlay li a .fa-twitter {
  color: #55acee;
}

.overlay li a .fa-instagram{
  color: #e4405f;
}

.overlay li a .fa-globe {
  color: #fff;
}

.main_flex {
  display: flex;
  align-items: center;
  padding: 0 11px;
  /*margin-bottom: 10px;*/
}

.main_flex .matches {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  width: 100%;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  padding: 10% 15px;
  position: relative;
  overflow: hidden;
}

.inner_sec {
  position: absolute;
  width: 100%;
  height: 100%;
}

.inner_sec .bg-primary {
  width: 100px;
  height: 100px;
  position: absolute;
}

.inner_sec .bg-danger {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50px;
}

.inner_sec .bg-success {
  width: 200px;
  height: 300px;
  position: absolute;
  left: 80px;
}

.main_flex .matches h4, .main_flex .matches h5 {
  width: 100%;
  text-align: center;
}

.main_flex .matches h4 {
  font-size: 30px;
  font-weight: 600;
  color: #0a57a5;
}

.main_flex .matches h5 {
  font-size: 50px;
  font-weight: 600;
  /*background: -webkit-linear-gradient(#0a57a5, #fccb0a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
}

/*.hvr_shad {
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(221,221,221,1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(221,221,221,1);
  box-shadow: 0px 10px 14px 0px rgba(221,221,221,1);
}

.hvr_shad:hover {
  
}*/

.border__center {
  border-right: 0 !important;
  border-left: 0 !important;
}

.center_block {
  margin-bottom: 20px;
}

.center_block .matches {
  border-top: 0;
  /*margin-bottom: 20px;*/
}

@media (max-width:767px) {
  .main_flex {
      flex-wrap: wrap;   
  }

  .center_block {
      margin-bottom: 20px;
  }

  .border__center {
      border-right: 1px solid #ccc !important;;
      border-left: 1px solid #ccc !important;
  }

  .center_block .matches {
      margin-bottom: 0;
  }

  .matches:nth-child(odd) {
      border-bottom: 0;
  }

  .center_block .matches {
      border-top: 1px solid #ccc;
  }

 .matches:nth-of-type(5) {
      border-bottom: 1px solid #ccc !important;
  }
}