@charset "utf-8";
/*------------------------------------------------------------------
Project:		Tigers Sports HTML Template
Version:		1.0
AuthorName:		GramoTech
Primary use:	Sports , Soccer, Sports News, Sport Updates


[Color codes]
Background:			#fff (White)
Content:			#777 (Dark)
Header:				#171e36 (Indigo color)
Header 2:			#171e36 (Indigo color)
Footer:				#222 (Dark Gray)
Primary Color:		#b50202 (Medium Red)
Scendry Color:		#144b8c (Dark Indigo)


[Typography]
Body copy:			font:24px/16px 'Open Sans', sans-serif;
Headers:			font:40px/40px 'Atma', serif;
Input, textarea:	font:24px/16px 'Open Sans', sans-serif;
Sidebar heading:	font:28px/28px 'Atma', serif;


/------------------------------------------------------------

[Table of contents]
1.    Theme Reset Style												=	00-00
2.    Home Page														=	00-00
2.01  Header Start  	      > .main-header						=	00-00
2.02  Main Slider   	      > .main-slider						=	00-00
2.03  Counter Basic Style     > .countdown-section					=	00-00
2.04  Next Match Widget       > .next-match-widget					=	00-00
2.05  Point Table Widget      > .point-table-widget					=	00-00
2.06  Next Match Fixtures     > .next-match-fixtures				=	00-00
2.07  News & Media Gallery    > .news-Media-gallery					=	00-00
2.08  News Grid 			  > .news-grid							=	00-00
2.10  Video Post  			  > .video-news-box						=	00-00
2.11  News Gallery 			  > .news-gallery						=	00-00
2.12  Team Squad 			  > .team-squad							=	00-00
2.13  Shop Online Products 	  > .shop-products						=	00-00
2.14  Product Listing 		  > .pro-list-box 						=	00-00
2.15  Sponsor Logos 		  > .sponsor-logos 						=	00-00
2.16  Tweetes + Banner 		  > .tweets-banner						=	00-00
2.17  Main Footer 			  > .main-footer						=	00-00
3.    Home Page 2 													=	00-00
3.01  Boxed Wrapper			  > .boxed 								=	00-00
3.01  Top Stories			  > .top-stories-widget 				=	00-00
3.01  Featured Video		  > .featured-video-widget				=	00-00
3.01  Fixture | Point Tables  > .fiximg img							=	00-00
3.01  Match Groups			  > .group-box							=	00-00
3.01  Last Match 			  > .last-match-result					=	00-00
3.01  Team Start 			  > .h2-team-squad						=	00-00
3.01  Team Grid               > .team-grid > .team-squad-box		=	00-00
3.01  Player Box			  > .player-box.large					=	00-00
3.01  News & Posts 			  > .news-box-normal					=	00-00
3.01  League Sponsors 		  > .slogos								=	00-00
3.01  Banner + social media   > .banner-col							=	00-00
3.01  Newsletter  			  > .newsletter-two						=	00-00
4.00  Shop Pages 			  > .shop-filter ul > .pro-box			=	00-00
5.00  Sidebar Widgets 		  > .sidebar .widget					=	00-00
6.00  Point Table             > .point-table						=	00-00
7.00  Last Match Result Full  > .last-match-result-full				=	00-00
8.00  Next Matches Schedule   > .next-matches-schedule				=	00-00
9.00  Matches Groups          > .matach-groups						=	00-00
11.0  Matches Results         > .match-results-list					=	00-00
12.0  Match Result            > .last-match-result-full-light		=	00-00
13.0  Image Gallery           > .gal-thumb							=	00-00
14.0  Palyer / Team Details   >  .player-card 						=	00-00
15.0  Shop Details            > .shop-images 						=	00-00
16.0  News / Blog Pages       >  .ng-box							=	00-00
17.0  News Large              > .news-large-post					=	00-00
18.0  News List Pages		  > .news-list-post						=	00-00
19.0  Contact		  		  > .contact							=	00-00
20.0  Contact Two		  	  > .contact-two						=	00-00
21.0  Page404		  		  > .page404							=	00-00
22.0  UpComing 		  		  > .upcoming							=	00-00
[Updates]

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

/* Google Fonts Start */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap");
/* Google Fonts End */

html body {
    font-family: "Atma", "Open Sans", sans-serif;
}

.wrapper h1,
.wrapper h2,
.wrapper h6 {
    font-family: "Atma", sans-serif;
    font-weight: 700;
    margin: 0px;
}

.wrapper h3,
.wrapper h4,
.wrapper h5 {
    font-family: "Atma", sans-serif;
    font-weight: 400;
    margin: 0px;
}

.wrapper h1 {
    font-size: 46px;
}

.wrapper h2 {
    font-size: 32px;
}

.wrapper h3 {
    font-size: 28px;
}

.wrapper h4 {
    font-size: 24px;
}

.wrapper h5 {
    font-size: 20px;
}

.wrapper h6 {
    font-size: 18px;
    color: #fff;
}

.wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
}

.wrapper a,
.wrapper a:hover,
.wrapper a:active,
.wrapper a:visited,
.wrapper a:focus {
    text-decoration: none;
}

.wrapper select:focus,
.wrapper .btn-secondary:not(:disabled):not(.disabled).active:focus,
.wrapper .btn-secondary:not(:disabled):not(.disabled):active:focus,
.wrapper .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}

* {
    outline: none;
}

.wrapper .btn-primary:not(:disabled):not(.disabled).active:focus,
.wrapper .btn-primary:not(:disabled):not(.disabled):active:focus,
.wrapper .show>.btn-primary.dropdown-toggle:focus,
.wrapper .btn-primary.focus,
.wrapper .btn-primary:focus {
    outline: none;
    box-shadow: none;
}

.wf100 {
    width: 100%;
    float: left;
}

.p90 {
    padding: 80px 0;
}

.p80 {
    padding: 80px 0;
}

.p80-50 {
    padding: 80px 0 50px 0;
}

.p80-0 {
    padding: 80px 0 0;
}

.p0-80 {
    padding: 0 0 80px;
}

.p40 {
    padding: 40px 0;
}

.p50 {
    padding: 50px 0;
}

.p60 {
    padding: 60px 0;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-60 {
    margin-bottom: 60px;
}

.innerpagebg {
    background: url(../images/hnewbg.jpg) no-repeat top center;
    background-attachment: fixed;
}

/********** |== Header Start == | **********/
.main-header {
    width: 100%;
    float: left;
}

.main-header.header-scrolled {
    position: fixed;
    width: 100%;
    z-index: 99999999;
    top: 0;
}

.main-header .topbar {
    /* background: #b50202; */
    background: url(../images/bg/top-bar.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    height: 25px;
}

/* .main-header .topbar {
    background: #340078;
    width: 100%;
    float: left;
    padding: 5px 0;
    background: url(../images/top-bar.jpeg) no-repeat;
    background-size: cover;
} */

.main-header .logo-navbar {
    background: #e8e8e8;
    width: 100%;
    float: left;
}

.topsocial {
    margin: 0;
    padding: 0;
    list-style: none;
}

.topsocial li {
    display: inline-block;
}

.topsocial a {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    background: #2e0275;
    color: #f5f5f5;
    border: 1px solid #fa4071;
    font-size: 14px;
    border-radius: 5px;
}

.topsocial a.fb:hover {
    background: #4267b2;
    color: #fff;
}

.topsocial a.tw:hover {
    background: #1cb7eb;
    color: #fff;
}

.topsocial a.insta:hover {
    background: #a8a8a8;
    color: #fff;
}

.topsocial a.in:hover {
    background: #1686b0;
    color: #fff;
}

.topsocial a.yt:hover {
    background: #dc472e;
    color: #fff;
}

.toplinks {
    float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.toplinks li {
    display: inline-block;
}

li.acctount-btn {
    padding: 0 15px;
}

.toplinks .search-btn a {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.05);
    text-align: center;
    line-height: 30px;
    display: block;
    color: #7c859a;
    font-size: 14px;
}

.toplinks .search-btn a:hover {
    background: #b50202;
    color: #fff;
}

.toplinks li a:hover {
    color: #b50202;
}

.toplinks li a {
    color: #7c859a;
    font-size: 12px;
    text-transform: uppercase;
}

.toplinks .btn.btn-secondary {
    background: none;
    padding: 0px;
    font-size: 12px;
    line-height: 30px;
    border: 0px;
    color: #7c859a;
    border-right: 1px solid #4d5265;
    padding: 0 10px;
    border-radius: 0px;
}

.logo {
    padding: 17px 0 0 0;
}

.logo-navbar .navbar {
    padding: 0px;
    margin: 0px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */
.main-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.main-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.main-nav>ul>li {
    position: relative;
    white-space: nowrap;
    float: left;
}

.main-nav .drop-down ul {
    position: absolute;
    left: 0;
    top: calc(100% - 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    border-radius: 3px;
}

.main-nav .drop-down:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.main-nav .drop-down li {
    min-width: 220px;
    position: relative;
}

.main-nav .drop-down ul a {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    color: #171e36;
    line-height: 45px;
    text-align: left;
    cursor: pointer;
    display: block;
}

.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active>a,
.main-nav .drop-down ul li:hover>a {
    color: #b50202;
}

.main-nav .drop-down>a:after {
    content: "\f107";
    font-family: FontAwesome;
    padding-left: 10px;
}

.main-nav .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
}

.main-nav .drop-down .drop-down:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
}

.main-nav .drop-down .drop-down>a {
    padding-right: 35px;
}

.main-nav .drop-down .drop-down>a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
    font-family: "FontAwesome5Free";
    font-weight: 900;
}

/* Mobile Navigation */

.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99999999999999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(40, 38, 70, 0.8);
    transition: 0.4s;
}

.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav a {
    display: block;
    position: relative;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
}

.mobile-nav a:hover,
.mobile-nav .active>a,
.mobile-nav li:hover>a {
    color: #8dc2fa;
    text-decoration: none;
}

.mobile-nav .drop-down>a:after {
    content: "\f078";
    font-family: FontAwesome5Free;
    padding-left: 10px;
    position: absolute;
    right: 15px;
    font-weight: 700;
}

.mobile-nav .active.drop-down>a:after {
    content: "\f077";
}

.mobile-nav .drop-down>a {
    padding-right: 35px;
}

.mobile-nav .drop-down ul {
    display: none;
    overflow: hidden;
}

.mobile-nav .drop-down li {
    padding-left: 20px;
}

.mobile-nav-toggle {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 999999999;
    border: 0;
    background: none;
    font-size: 22px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    background: #fff;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(40, 38, 70, 0.8);
    overflow: hidden;
    display: none;
}

.mobile-nav-active {
    overflow: hidden;
}

.mobile-nav-active .mobile-nav {
    left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
    color: #333;
}

/* Mobile Navigation End */

.logo-navbar .nav-item {
    margin: 0 0px;
}

.logo-navbar .nav-item>a {
    padding: 0 9px;
    line-height: 75px;
    display: block;
    font-family: "Atma", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #5a5f6a;
    position: relative;
}

.logo-navbar .active>a {
    color: #ffffff;
}

.logo-navbar .nav-item>a:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #7c859a;
    width: 0;
    content: "";
    opacity: 0;
}

.logo-navbar .nav-item>a:hover {
    background: #212840;
    color: white;
}

.logo-navbar .nav-item>a:hover:after {
    width: 100%;
    opacity: 1;
}

.logo-navbar .nav-item.buy-ticket {
    margin: 0 0 0 15px;
    padding: 0px;
    clear: none;
}

.logo-navbar .nav-item.buy-ticket a {
    background: #b50202;
    color: #fff;
    line-height: 33px;
    color: #fff;
    padding: 0 18px;
    border-radius: 3px;
    margin-top: 29px;
}

.logo-navbar .nav-item.buy-ticket a:after {
    display: none;
}

.logo-navbar .nav-item.buy-ticket a:hover {
    background: #7c859a;
    color: #fff;
}

.main-header.white-header .logo-navbar {
    background: #fff;
}

.white-header .logo-navbar .nav-item>a:after {
    background: #b50202;
}

/********** |== Header End == | **********/

/********** |== Main Slider Start == | **********/

.main-slider {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

#home-slider .item img {
    width: 100%;
    height: auto;
}

#home-slider .item {
    position: relative;
}

#home-slider .caption {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
}

.rev_slider_wrapper h1,
#home-slider .caption h1 {
    color: #fff;
    font-size: 90px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 95px;
    margin: 0 0 30px;
}

.home-two #home-slider .caption h1 {
    font-size: 65px;
    line-height: 80px;
    text-transform: inherit;
}

.home-two #home-slider .caption h1.c1 {
    color: #ffcb05;
}

.rev_slider_wrapper h1 span,
#home-slider .caption h1 span {
    color: #b50202;
}

.rev_slider_wrapper a {
    display: inline-block;
    background: #b50202;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    padding: 12px 30px;
    text-transform: uppercase;
    margin-right: 20px;
}

.rev_slider_wrapper a:hover {
    background: #171e36;
    color: #fff;
}

#home-slider .caption a {
    display: inline-block;
    background: #b50202;
    border-radius: 3px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    padding: 0 30px;
    text-transform: uppercase;
    margin-right: 20px;
}

#home-slider .caption a.btn2 {
    display: inline-block;
    background: none;
    border: 2px solid #fff;
    border-radius: 3px;
    line-height: 46px;
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    padding: 0 30px;
    text-transform: uppercase;
    margin-right: 20px;
}

.slider-tabs {
    position: relative;
    z-index: 999;
    margin: -50px 0 0;
}

.slider-tabs .container {
    max-width: 1110px;
    background: #171e36;
    border-radius: 5px;
    padding: 23px 15px 15px;
    border-bottom: 10px solid #2b3249;
}

.slider-tabs ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    width: 100%;
    float: left;
}

.slider-tabs ul li {
    border-right: 1px solid #2b334a;
}

.slider-tabs ul li:last-child {
    border: 0px;
}

.slidetab-box {
    position: relative;
    padding: 0 0 0 72px;
}

.slidetab-box:after {
    position: absolute;
    left: 0;
    bottom: -25px;
    background: #b50202;
    width: 0;
    height: 10px;
    content: "";
}

.slidetab-box span {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    font-family: "Atma", sans-serif;
    font-size: 50px;
    font-weight: 800;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    color: rgba(124, 133, 154, 0.25);
}

.slidetab-box h6 {
    margin: 0 0 7px;
    font-size: 18px;
    font-family: "Atma", sans-serif;
    font-weight: 700;
}

.slidetab-box h6 a {
    color: #7c859a;
}

.slidetab-box strong {
    font-weight: 600;
    color: #b50202;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}

.slidetab-box:hover h6 a {
    color: #fff;
}

.slidetab-box:hover:after {
    width: 100%;
}

.slidetab-box:hover span {
    border-color: #b50202;
}

.home-two .slider-tabs {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 315px;
    height: 100%;
    padding: 150px 0 0;
    background: -moz-linear-gradient(top,
            rgba(23, 30, 54, 0) 0%,
            rgba(23, 30, 54, 0.8) 15%,
            rgba(23, 30, 54, 1) 50%,
            rgba(23, 30, 54, 0.99) 51%,
            rgba(23, 30, 54, 0.8) 85%,
            rgba(23, 30, 54, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(23, 30, 54, 0) 0%,
            rgba(23, 30, 54, 0.8) 15%,
            rgba(23, 30, 54, 1) 50%,
            rgba(23, 30, 54, 0.99) 51%,
            rgba(23, 30, 54, 0.8) 85%,
            rgba(23, 30, 54, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(23, 30, 54, 0) 0%,
            rgba(23, 30, 54, 0.8) 15%,
            rgba(23, 30, 54, 1) 50%,
            rgba(23, 30, 54, 0.99) 51%,
            rgba(23, 30, 54, 0.8) 85%,
            rgba(23, 30, 54, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00171e36', endColorstr='#00171e36', GradientType=0);
    /* IE6-9 */
}

.home-two .slider-tabs ul {
    display: block;
}

.home-two .slider-tabs li {
    display: block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #2b334a;
    padding: 20px;
}

.home-two .slidetab-box:after {
    display: none;
}

/********** |== Main Slider End == | **********/

/********** |== Counter Basic Style Start == | **********/

.countdown-holding span {
    color: #888;
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}

.countdown-show1 .countdown-section {
    width: 98%;
}

.countdown-show2 .countdown-section {
    width: 48%;
}

.countdown-show3 .countdown-section {
    width: 32.5%;
}

.countdown-show4 .countdown-section {
    width: 24.5%;
}

.countdown-show5 .countdown-section {
    width: 19.5%;
}

.countdown-show6 .countdown-section {
    width: 16.25%;
}

.countdown-show7 .countdown-section {
    width: 14%;
}

.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}

.countdown-amount {
    font-size: 200%;
}

.countdown-period {
    display: block;
}

.countdown-descr {
    display: block;
    width: 100%;
}

/********** |== Counter Basic Style End == | **********/

/********** |== Next Match Widget Start == | **********/

.next-match-widget {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9999999;
}

.next-match-widget h5.title {
    background: #b50202;
    color: #fff;
    line-height: 51px;
    text-align: center;
    margin: 0px;
    border-radius: 3px 3px 0 0;
}

.next-match-widget .nmw-wrap {
    border-top: 0px;
    border-radius: 0 0px 3px 3px;
    width: 100%;
    float: left;
    background: linear-gradient(90deg,
            rgba(210, 210, 210, 0.8) 0%,
            rgba(240, 240, 240, 0.5) 100%);
}

.match-teams-vs {
    margin: 0;
    padding: 40px 30px 20px;
    list-style: none;
    width: 100%;
    float: left;
}

.match-teams-vs li {
    float: left;
    text-align: center;
}

.match-teams-vs li.team-logo {
    width: 40%;
}

.match-teams-vs li.mvs {
    width: 20%;
}

.match-teams-vs li.team-logo strong {
    display: block;
    font-family: "Atma", sans-serif;
    font-size: 20px;
    color: #222222;
    font-weight: 600;
    margin: 10px 0 0;
}

.nmw-txt {
    border-top: 2px solid #f5f5f5;
    text-align: center;
    margin: 0 0 30px;
    padding: 0px;
    padding-top: 30px;
    list-style: none;
    clear: both;
}

.nmw-txt li {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.nmw-txt strong {
    font-family: "Atma", sans-serif;
    color: #b50202;
    font-size: 16px;
    text-transform: uppercase;
}

.nmw-txt span {
    color: #b50202;
}

/* .next-match-widget .is-countdown { */
.is-countdown {
    clear: both;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    float: left;
    background: #ffd217;
    /* background: linear-gradient(90deg, #310073 0%, #ffd217 100%); */
}

.next-match-widget .is-countdown .countdown-section {
    color: #310073;
    border-right: 1px solid #e1e1e1;
    padding: 5px 0;
}

.next-match-widget .is-countdown .countdown-section:last-child {
    border: 0px;
}

.next-match-widget .countdown-amount {
    /* color: #666666; */
    color: #310073;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    font-weight: 300;
}

.next-match-widget .countdown-period {
    color: #310073;
    font-size: 12px;
    text-transform: uppercase;
}

.buy-ticket {
    clear: both;
    text-align: center;
    padding: 24px 0;
}

.buy-ticket a {
    background: #b50202;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    border-radius: 3px;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.buy-ticket a:hover {
    background: #171e36;
    color: #fff;
}

.match-teams-vs .vs {
    background: #f0f0f0;
    border: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 15px;
    color: #b50202;
    margin: 20px 0 0;
}

/********** |== Next Match Widget End == | **********/

/********** |== Point Table Widget Start == | **********/

.point-table-widget {
    border-radius: 5px;
    width: 100%;
    float: left;
    overflow: hidden;
    z-index: 999999;
    position: relative;
}

.point-table-widget table {
    width: 100%;
    overflow: hidden;
}

.point-table-widget table thead {
    background: #b50202;
}

.point-table-widget table thead tr th {
    line-height: 46px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Atma", sans-serif;
    background: #b50202;
}

.point-table-widget table tbody {
    background: linear-gradient(90deg,
            rgba(210, 210, 210, 0.8) 0%,
            rgba(240, 240, 240, 0.5) 100%);
}

.point-table-widget table tbody tr:last-child {
    border: 0px;
}

.point-table-widget table tbody tr {
    border-bottom: 1px solid #e1e1e1;
    background: transparent;
}

.point-table-widget table tbody tr td {
    padding: 11px 10px 11px;
    font-size: 14px;
    color: #000000;
    font-family: "Atma", sans-serif;
    background: transparent;
}

.point-table-widget table tbody tr td a {
    color: #000000;
}

.point-table-widget table tbody tr td img {
    margin-right: 5px;
}

.point-table-widget table tbody tr:nth-child(even) {
    background-color: transparent;
}

.point-table-widget table tbody tr:hover {
    background-color: #ddd;
}

/********** |== Point Table Widget End == | **********/

/********** |== Next Match Fixtures Start == | **********/

.next-match-fixtures {
    width: 100%;
    float: left;
    border-radius: 5px;
    background: rgb(53, 61, 84);
    background: -moz-linear-gradient(top,
            rgba(53, 61, 84, 1) 0%,
            rgba(23, 30, 54, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(53, 61, 84, 1) 0%,
            rgba(23, 30, 54, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(53, 61, 84, 1) 0%,
            rgba(23, 30, 54, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353d54', endColorstr='#171e36', GradientType=0);
    /* IE6-9 */
    margin: 0 0 12px;
}

.next-match-fixtures:last-child {
    margin-bottom: 0;
}

.next-match-fixtures .match-teams-vs {
    padding: 14px 20px 13px;
}

.next-match-fixtures .match-teams-vs li.team-logo {
    width: 27%;
    padding-top: 18px;
}

.next-match-fixtures .match-teams-vs li.mvs {
    width: 46%;
}

.next-match-fixtures .match-teams-vs li.team-logo strong {
    font-size: 18px;
    color: #ffff;
    font-weight: 700;
    margin: 5px 0 0;
}

.next-match-fixtures .mvs p {
    font-size: 14px;
    color: #fff;
    margin: 0px;
}

.next-match-fixtures .mvs p strong {
    text-transform: uppercase;
    display: block;
    font-weight: 400;
}

.next-match-fixtures .match-teams-vs .vs {
    background: #7c859a;
    border: 0;
    display: inline-block;
    line-height: 25px;
    padding: 0 15px;
    border-radius: 15px;
    color: #fff;
    margin: 5px 0 0;
    font-size: 12px;
}

.next-match-fixtures .nmf-loc {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.next-match-fixtures .nmf-loc li {
    float: left;
    color: #7c859a;
    font-size: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 40px;
    padding: 0 20px;
}

.next-match-fixtures .nmf-loc li:last-child {
    float: right;
}

.next-match-fixtures .nmf-loc li i {
    margin-right: 7px;
    font-size: 8px;
}

.next-match-fixtures .nmf-loc li:last-child {
    border: 0px;
}

.next-match-fixtures .nmf-loc li a {
    color: #7c859a;
    font-weight: 700;
    text-transform: uppercase;
}

.next-match-fixtures .nmf-loc li a i {
    font-size: 12px;
}

.next-match-fixtures .nmf-loc li a:hover {
    color: #fff;
}

/********** |== Next Match Fixtures End == | **********/

/********** |== News & Media Gallery Start == | **********/

.news-Media-gallery {
    background: #f5f5f5;
}

.section-title {
    width: 100%;
    float: left;
    margin: 0 0 25px;
    position: relative;
}

.section-title h2 {
    color: #222;
    position: relative;
    padding: 0 0 0 22px;
}

.section-title h2:after {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/titlelines.png) no-repeat;
    width: 10px;
    height: 37px;
    content: "";
}

.section-title.white h2 {
    color: #fff;
}

.section-title.white h2:after {
    background: url(../images/titlelinesw.png) no-repeat;
}

.news-Media-gallery .nav.nav-tabs {
    width: 100%;
    float: right;
    border: 0px;
    text-align: right;
    display: block;
}

.news-Media-gallery .nav-tabs .nav-item {
    display: inline-block;
    float: none;
    position: relative;
}

.news-Media-gallery .nav-tabs .nav-item:last-child:after {
    display: none;
}

.news-Media-gallery .nav-tabs .nav-item:after {
    content: "|";
    color: #e1e1e1;
    position: absolute;
    right: -6px;
    top: -2px;
}

.news-Media-gallery .nav-tabs .nav-item .nav-link {
    color: #888888;
    font-family: "Atma", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: 0px;
    box-shadow: none;
    font-size: 14px;
    padding: 0 15px;
}

.news-Media-gallery .nav-tabs .nav-item .nav-link:hover,
.news-Media-gallery .nav-tabs .nav-item.show .nav-link,
.news-Media-gallery .nav-tabs .nav-link.active {
    background: none;
    color: #b50202;
}

/*News Grid Start*/
.news-grid {
    width: 100%;
    float: left;
    overflow: hidden;
}

.news-grid .thumb img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.news-grid img {
    width: 100%;
    height: auto;
}

.news-Media-gallery .row {
    margin-right: -6px;
    margin-left: -6px;
}

.news-Media-gallery .p5 {
    padding: 0 6px;
}

.news-box {
    position: relative;
    width: 100%;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 12px;
}

.news-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+90 */
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
    /* IE6-9 */
}

.news-box .ndate {
    position: absolute;
    left: -3px;
    top: 20px;
    z-index: 999;
    background: rgba(232, 31, 62, 0.6);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 20px;
    border-radius: 3px;
}

.news-box .news-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    width: 100%;
    z-index: 99;
    height: 100%;
}

.news-box .news-caption .post-author {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.news-box .news-caption .post-author strong,
.news-box .news-caption .post-author li.likes i,
.news-box .news-caption .post-author li {
    color: #fff;
}

.news-box .news-caption h5,
.news-box .news-caption h4 {
    font-weight: 500;
    margin: 0 0 5px;
    line-height: 32px;
}

.news-box .news-caption h5 a,
.news-box .news-caption h4 a {
    color: #fff;
}

.news-box:hover .news-caption h5 a,
.news-box:hover .news-caption h4 a {
    color: #b50202;
}

.news-Media-gallery .news-meta {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.news-Media-gallery .news-meta li {
    display: inline-block;
    color: #888888;
    font-size: 12px;
    margin-right: 15px;
}

.news-Media-gallery .news-meta li a {
    color: #888;
}

.news-Media-gallery .news-meta li a:hover {
    color: #777;
}

.news-box .news-caption .news-meta li {
    color: #fff;
}

.news-box .news-caption .news-meta li i {
    margin-right: 5px;
}

/*News Grid End*/

/*Video Post Start*/

.video-news-box {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    margin: 0 0 12px;
}

.vn-txt {
    padding: 20px;
    position: relative;
    width: 100%;
    float: left;
}

.vn-txt span.vp-date {
    position: absolute;
    left: 20px;
    top: -12px;
    background: #b50202;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 23px;
    padding: 0 20px;
    border-radius: 3px;
    z-index: 99;
}

.vn-txt h4 {
    font-weight: 500;
    margin: 7px 0 7px;
    word-spacing: -1.5px;
}

.vn-txt h4 a {
    color: #222222;
}

.vid-thumb,
.vthumb,
.thumb {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.vid-thumb img,
.vthumb img,
.thumb img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.thumb a {
    position: absolute;
    left: -100px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    line-height: 45px;
    z-index: 99;
    text-align: center;
}

.thumb a:hover {
    background: #b50202;
    color: #fff;
}

.thumb img {
    width: 100%;
    height: auto;
}

.vthumb:after,
.thumb:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
    /* IE6-9 */
}

.vthumb a.play span {
    position: absolute;
    height: 50px;
    width: 50px;
    background: #fff;
    left: 0;
    right: 0;
    top: -100%;
    opacity: 0;
    bottom: 0px;
    margin: auto;
    border-radius: 100%;
    line-height: 50px;
    text-align: center;
    color: #b50202;
    z-index: 999;
}

.vthumb .play:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    margin: auto;
    width: 85px;
    height: 85px;
    content: "";
    background: rgba(255, 255, 255, 0.35);
    border-radius: 100%;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
    opacity: 0;
    z-index: 9;
}

.vthumb img {
    width: 100%;
    height: auto;
}

.video-news-box:hover .play span {
    top: 0;
    opacity: 1;
}

.vthumb a.play span:hover {
    background: #b50202;
    color: #fff;
}

.vthumb a.play:hover:after {
    opacity: 1;
}

.video-news-box:hover h4 a {
    color: #b50202;
}

.video-news-box:hover .vthumb img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.video-news-box:hover .vthumb:after {
    height: 100%;
}

/*Video Post End*/

/*News Gallery Start*/

.news-gallery {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.gallery-thumb {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.gallery-thumb span {
    position: absolute;
    left: -3px;
    bottom: 20px;
    background: #be2037;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 18px;
    padding: 10px 15px;
    border-radius: 3px;
    z-index: 99;
}

.gallery-thumb img {
    width: 100%;
    height: auto;
}

.gallery-thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    opacity: 0;
}

.gallery-thumb a {
    position: absolute;
    left: -200px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 3px;
    margin: auto;
    text-align: center;
    line-height: 40px;
    color: #f73859;
    z-index: 999;
    opacity: 0;
}

.gallery-thumb:hover:after {
    opacity: 1;
}

.gallery-thumb:hover a {
    left: 0;
    opacity: 1;
}

.gallery-thumb a:hover {
    background: #f73859;
    color: #fff;
}

.news-gallery .isotope {
    margin-bottom: -10px;
    margin-right: -10px;
}

.isotope:after {
    content: "";
    display: block;
    clear: both;
}

.isotope .item {
    float: left;
}

.news-gallery .isotope .item {
    width: 276px;
    height: 190px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 0 10px 0 0;
}

.news-gallery .isotope .item.width2 {
    width: 550px;
    height: 380px;
}

.news-gallery img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.highlights .isotope .item {
    box-sizing: border-box;
    margin-bottom: 30px;
}

.hnews-box {
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
    margin: 0 0 30px;
}

.hnews-box .hnews-txt {
    background: #fff;
    padding: 17px 20px;
    width: 100%;
    float: left;
}

.hnews-box .hnews-txt h4 {
    font-weight: 400;
    margin: 0 0 8px;
}

.hnews-box .hnews-txt h4 a {
    color: #222;
    letter-spacing: -0.3px;
}

.hnews-box:hover .hnews-txt h4 a {
    color: #b50202;
}

.hnews-box:hover .thumb img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.hnews-box .hnews-txt ul.news-meta {}

.hnews-box .hnews-txt p {
    color: #777;
    font-size: 16px;
    line-height: 24px;
}

.rm {
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    color: #b50202;
    font-weight: 700;
    margin: 0 0 20px;
}

.rm:hover {
    color: #000;
}

.hnews-box:hover .thumb a {
    opacity: 1;
    left: 0;
}

.thumb span {
    position: absolute;
    right: -10px;
    top: 18px;
    background: rgba(232, 31, 62, 0.7);
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 15px;
    z-index: 99;
    border-radius: 10px;
}

/*News Gallery End*/

/********** |== News & Media Gallery End == | **********/

/********** |== Team Squad Start == | **********/

.team-squad {
    background: url(../images/bg/TOP-PERFORMER.jpg) no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    position: relative;
}

.bottom-img {
    position: absolute;
}

.bottom-img img {}

.team-squad::before {
    content: url(../images/bg/TOP-PERFORMER-left.png);
    position: absolute;
    z-index: 100000;
    bottom: 0;
}

.team-squad::after {
    content: url(../images/bg/TOP-PERFORMER-right.png);
    position: absolute;
    z-index: 100000;
    bottom: 0;
    right: 0;
}

.player-box {
    background: #20273f;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin: 0 0 30px;
}

.player-box .num {
    top: -10px;
}

.player-box:hover .num {
    background: #b50202;
}

.player-box:hover .num:after {
    border-bottom: 10px solid #b4001c;
}

.player-thumb {
    width: 44.5%;
    float: left;
    overflow: hidden;
    background: url(../images/playerbg.jpg) no-repeat;
    background-size: cover;
}

.player-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.player-txt {
    width: 53%;
    float: right;
    position: relative;
    padding: 20px;
}

.player-txt h3 {
    color: #fff;
    font-weight: 400;
    margin: 0 0 5px;
}

.player-txt strong.player-desi {
    color: #ffcb05;
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin: 0 0 11px;
}

.player-txt p {
    font-size: 14px;
    color: #7c859a;
    margin: 0 0 30px;
}

.player-txt ul {
    margin: 0 0 28px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.player-txt ul li {
    float: left;
    font-size: 20px;
    font-weight: 300;
    color: #ccc;
    border-left: 1px solid #3b4156;
    font-family: "Atma", sans-serif;
    padding: 0 0 0 5px;
    width: 33%;
    line-height: 24px;
}

.player-txt ul li span {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

.player-txt a.playerbio {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.player-txt a.playerbio i {
    color: #ffcb05;
}

.player-txt a.playerbio:after {
    position: absolute;
    left: 0;
    top: -8px;
    width: 50px;
    height: 2px;
    content: "";
    background: rgb(124, 133, 154);
    /* Old browsers */
    background: -moz-linear-gradient(left,
            rgba(124, 133, 154, 1) 0%,
            rgba(23, 30, 54, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,
            rgba(124, 133, 154, 1) 0%,
            rgba(23, 30, 54, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            rgba(124, 133, 154, 1) 0%,
            rgba(23, 30, 54, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c859a', endColorstr='#171e36', GradientType=1);
    /* IE6-9 */
}

.player-txt ul.pb-small-info {
    margin: 0px;
}

.player-txt ul.pb-small-info li {
    width: 100%;
    float: left;
    border: 0px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

.player-txt ul.pb-small-info li:after {
    content: " : ";
    position: absolute;
    left: 0;
    right: 32px;
    width: 3px;
    margin: auto;
}

.player-txt ul.pb-small-info li strong {
    float: right;
    width: 50%;
    text-align: left;
    color: #ffcb05;
    font-weight: 400;
}

.player-txt a.follow {
    background: #b50202;
    position: absolute;
    color: #fff;
    right: 0;
    font-size: 12px;
    line-height: 24px;
    border-radius: 10px 0 0 10px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    bottom: 20px;
}

.player-box.with-extra-info .player-txt p {
    margin: 0 0 10px;
}

.player-box.with-extra-info .player-txt {
    padding: 20px 20px 20px 10px;
}

.player-box.with-extra-info .player-txt a.follow {
    bottom: inherit;
    top: 28px;
}

.star-tag {
    position: absolute;
    top: 0;
    right: 20px;
    width: 20px;
    height: 27px;
    background: url(../images/tag.png) no-repeat;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

a.full-team {
    position: absolute;
    top: 0;
    right: 0;
    background: #ffcb05;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 3px;
}

a.full-team:hover {
    background: #b50202;
    color: #fff;
}

.player-box:hover .player-txt h3 {
    color: #ffcb05;
}

.player-box:hover .player-txt a.playerbio {
    color: #ffcb05;
}

.player-box:hover .player-txt strong.player-desi {
    color: #b50202;
}

.player-box:hover .player-txt a.follow {
    background: #ffcb05;
    color: #000;
}

/********** |== Team Squad End == | **********/

/********** |== Shop Online Products Start == | **********/
.shop-products {}

.pro-box {
    width: 100%;
    float: left;
    border: 5px solid #f0f0f0;
    text-align: center;
    position: relative;
}

.pro-box .pro-thumb {
    border-bottom: 2px solid #f0f0f0;
    position: relative;
    overflow: hidden;
}

.pro-box .pro-thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
}

.pro-box:hover .pro-thumb:after {
    height: 100%;
    opacity: 1;
}

.pro-box:hover .pro-thumb img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.pro-box .pro-thumb img {
    width: 100%;
    height: auto;
}

.pro-thumb a {
    position: absolute;
    left: -100px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    line-height: 45px;
    z-index: 99;
}

.pro-box:hover .pro-thumb a {
    opacity: 1;
    left: 0;
}

.pro-thumb a:hover {
    background: #b50202;
    color: #fff;
}

.pro-txt {
    padding: 20px;
}

.pro-txt h4 {
    font-weight: 400;
    margin: 0 0 10px;
}

.pro-txt h4 a {
    color: #222;
}

.pro-txt .price {
    font-family: "Atma", sans-serif;
    color: #b50202;
    margin: 0 0 5px;
}

.pro-txt .price del {
    color: #999999;
    margin-right: 10px;
}

.pro-txt a.add2cart {
    display: inline-block;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #bbbbbb;
    line-height: 33px;
    padding: 0 20px;
    text-transform: uppercase;
}

.pro-box:hover {
    border-color: #bbbbbb;
}

.pro-box:hover .pro-txt a.add2cart {
    background: #b50202;
    border-color: #b50202;
    color: #fff;
}

.pro-box:hover .pro-txt h4 a {
    color: #b50202;
}

/********  Product Listing  *********/

.pro-list-box {
    width: 100%;
    float: left;
    border: 5px solid #f0f0f0;
    margin-bottom: 30px;
    background: #fff;
}

.pro-thumb img {
    width: 100%;
    height: auto;
}

.pro-list-box .pro-thumb {
    width: 46%;
    float: left;
    position: relative;
    overflow: hidden;
}

.pro-list-box .pro-thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 0;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
}

.pro-list-box .pro-txt {
    width: 54%;
    float: left;
    padding: 20px;
}

.pro-list-box:hover .pro-thumb:after {
    opacity: 1;
    width: 100%;
}

.pro-list-box:hover .pro-thumb a {
    left: 0;
    opacity: 1;
    text-align: center;
}

.pro-list-box .pro-txt h3 {
    font-weight: 400;
    margin: 0 0 6px;
}

.pro-list-box .pro-txt h3 a {
    color: #222;
}

.pro-list-box .price strong {
    color: #b50202;
    font-weight: 700;
    font-size: 20px;
}

.pro-list-box .pro-txt .price del {
    font-size: 20px;
}

.pro-list-box .pro-txt .rating {
    font-size: 14px;
    color: #777777;
}

.pro-list-box .pro-txt .rating a {
    font-size: 14px;
    color: #ffcb05;
    margin-right: 10px;
}

.pro-list-box .pro-txt .rating i {
    margin-right: 2px;
}

.pro-list-box .pro-txt .price {
    margin: 0 0 8px;
}

.pro-list-box .pro-txt .rating {
    margin: 0 0 12px;
}

.pro-list-box .pro-txt p {
    font-size: 14px;
    color: #777777;
    margin: 0 0 28px;
}

.pro-list-box:hover .pro-txt h3 a {
    color: #b50202;
}

.pro-list-box:hover .pro-txt a.add2cart {
    background: #b50202;
    color: #fff;
    border-color: #b50202;
}

.pro-list-box:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
}

/********** |== Shop Online Products End == | **********/

.awards {
    background: url(../images/awardsbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    float: left;
}

.awards h4 {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    line-height: 60px;
    font-weight: 400;
}

.awards h5 {
    text-align: center;
    background: #171e36;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    padding: 20px;
}

.awards h5 strong {
    display: block;
    font-weight: 400;
}

.awards #awards-slider .item {
    text-align: center;
    padding: 21px 0 0;
}

.awards #awards-slider img {
    width: 175px;
    height: 235px;
    display: inline-block;
    margin: 0 0 22px;
}

/********** |== Sponsor Logos Start == | **********/

.sponsor-logos {
    background: #fff;
    padding: 15px 0;
    border-top: 1px solid #eeeeee;
    padding: 100px 0;
    position: relative;
}

.sponsor-logos::before {
    content: url(../images/bg/sponsor-left.png);
    position: absolute;
    z-index: 100000;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}

.sponsor-logos::after {
    content: url(../images/bg/sponsor-Right.png);
    position: absolute;
    z-index: 100000;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
}

.section_spacing.sponsor {
    position: relative;
    z-index: 9999999;
}

.sponsor-logos img {
    max-width: 100%;
    height: auto;
}

.sponsor-logos ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.sponsor-logos ul li:last-child {
    border: 0px;
}

.slogos a,
.sponsor-logos a {
    display: block;
    text-align: center;
}

.slogos a:hover,
.sponsor-logos a:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/********** |== Sponsor Logos End == | **********/

/********** |== Tweetes + Banner Start == | **********/
.tweets-banner {
    background: url(../images/twitterbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

.tweets-banner .tbanner {
    background: url(../images/tbanner.jpg) no-repeat;
    position: absolute;
    width: 38%;
    height: 415px;
    top: 0;
    right: 0;
    padding: 100px 60px;
}

.tweets-banner .tbanner h3 {
    color: #fff;
    font-weight: 700;
    margin: 0 0 10px;
}

.tweets-banner .tbanner strong {
    display: block;
    color: #fff;
    font-family: "Atma", sans-serif;
    text-decoration: underline;
    font-size: 40px;
    margin: 0 0 20px;
}

.tweets-banner .tbanner a {
    background: #ffcb05;
    line-height: 40px;
    display: inline-block;
    padding: 0 20px 0 15px;
    border-radius: 3px;
    font-size: 12px;
    color: #222222;
    text-transform: uppercase;
    font-weight: 900;
}

.tweets-banner .tbanner a i {
    display: inline-block;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 40px;
    padding: 0 15px 0 0;
    margin-right: 10px;
}

.tweets-banner .tbanner a:hover {
    background: #fff;
    color: #b50202;
}

.tweets-banner ul {
    margin-bottom: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.tweet-box {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    padding: 20px 20px 0;
    position: relative;
}

.tweet-box.active,
.tweet-box:hover {
    background: #56b5ff;
}

.tweet-box .tshare {
    border: 2px solid #d7ecfd;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 15px;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}

.tweet-box h5 {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 10px;
}

.tweet-box p {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 20px;
}

.tw-foot {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 -20px;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding: 10px 20px;
    position: relative;
}

.tw-foot i {
    float: right;
    font-size: 40px;
    line-height: 0;
    color: rgba(255, 255, 255, 0.2);
}

.tweet-box .tshare:hover {
    color: #83c6ff;
    border-color: #83c6ff;
}

/********** |== Tweetes + Banner End == | **********/

/********** |== Main Footer Start == | **********/

.main-footer {
    background: #e8e8e8;
}

.footer-widget {
    padding: 60px 0;
    overflow: hidden;
}

.footer-widget h4 {
    font-weight: 400;
    color: #000000;
    position: relative;
    margin: 0 0 30px;
}

.footer-widget h4:before,
.footer-widget h4:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    background: #2e0275;
    width: 40px;
    height: 2px;
    content: "";
}

.footer-widget h4:after {
    width: 30px;
    bottom: -15px;
}

.about-widget img {
    margin-bottom: 20px;
}

.footer-widget.about-widget address {
    margin-bottom: 0;
}

.footer-widget p {
    color: #99a1b4;
    font-size: 14px;
    line-height: 24px;
}

.about-widget ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.about-widget ul li {
    padding: 0 0 0 25px;
    position: relative;
    color: #000000;
    font-size: 14px;
    margin: 0 0 15px;
}

.about-widget li i {
    color: #b50202;
    position: absolute;
    left: 0;
    top: 5px;
}

.about-widget ul li:last-child {
    margin: 0px;
}

.footer-links {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.footer-links li {
    width: 50%;
    float: left;
    line-height: 30px;
}

.footer-links li a {
    color: #000000;
    font-family: "Atma", sans-serif;
    font-size: 15px;
}

.footer-links li a i {
    font-size: 14px;
}

.newsletter {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.newsletter li {
    margin: 0 0 10px;
}

.newsletter input {
    background: none;
    border: 1px solid #555555;
    border-radius: 3px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
}

.newsletter strong {
    float: left;
    color: #99a1b4;
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
}

.newsletter button {
    float: right;
    border: 0px;
    border-radius: 3px;
    background: #b50202;
    color: #fff;
    font-weight: 700;
    font-family: "Atma", sans-serif;
    padding: 0 20px;
    line-height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.newsletter button:after {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
    width: 0;
    height: 100%;
    content: "";
    opacity: 0;
}

.newsletter button span {
    position: relative;
    z-index: 99;
}

.newsletter button:hover:after {
    width: 100%;
    opacity: 1;
}

.instagram {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.instagram li {
    width: 84px;
    height: 64px;
    float: left;
    padding: 3px;
    overflow: hidden;
}

.instagram li img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.instagram li:first-child {
    width: 168px;
    height: 127px;
}

.instagram.two li:first-child {
    width: 261px;
    height: 130px;
}

.instagram.two li {
    width: 87px;
    height: 66px;
    float: left;
    padding: 3px;
    overflow: hidden;
}

.brtop {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyr {
    font-size: 14px;
    color: #99a1b4;
    margin: 0px;
    line-height: 40px;
}

.copyr a {
    color: #b50202;
}

.quick-links {
    margin: 10px 0;
    padding: 0px;
    list-style: none;
    text-align: right;
}

.quick-links li {
    display: inline-block;
    margin: 0 7px;
}

.quick-links a {
    font-size: 14px;
    text-transform: uppercase;
    color: #99a1b4;
}

.copyr a:hover,
.footer-links li a:hover,
.quick-links a:hover {
    color: #fff;
}

/********** |== Main Footer End == | **********/

/********** |== Home Page 2 Start == | **********/

.pagebg {
    background: url(../images/pagebg.jpg) no-repeat top center;
    background-attachment: fixed;
}

.boxed {
    max-width: 1170px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px 5px 0 0;
    padding: 30px 15px 0;
    overflow: hidden;
}

h3.wtitle {
    font-weight: 400;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    margin: 0 0 20px;
}

.top-stories-widget {
    position: relative;
    padding-right: 15px;
}

.top-stories {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}

.top-stories li.story-row {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
    position: relative;
    padding: 0 0 15px 95px;
}

.top-stories li.story-row:last-child {
    margin: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.ts-thumb {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    overflow: hidden;
}

.story-row h5 {
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 8px;
}

.story-row h5 a {
    color: #333;
}

.tsw-meta {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsw-meta li {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #888888;
}

.tsw-meta li:after {
    content: "|";
    padding: 0 5px;
    color: #cccccc;
}

.story-row h5 a:hover,
.tsw-meta li a {
    color: #b50202;
}

.tsw-meta li:last-child:after {
    display: none;
}

.top-stories-widget .owl-dots {
    position: absolute;
    top: -70px;
    right: 23px;
}

.top-stories-widget .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background: #cccccc;
}

.top-stories-widget .owl-theme .owl-dots .owl-dot.active span,
.top-stories-widget .owl-theme .owl-dots .owl-dot:hover span {
    background: #b50202;
}

body button:focus {
    outline: none;
    outline: none;
}

.top-stories-widget .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: -67px;
    width: 80px;
}

.top-stories-widget .owl-theme .owl-nav [class*="owl-"] {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

.top-stories-widget .owl-theme .owl-nav [class*="owl-"]:hover {
    background: none;
}

.top-stories-widget .owl-theme .owl-nav .disabled {
    opacity: 1;
    cursor: default;
}

.top-stories-widget .owl-theme .owl-nav .owl-prev {
    float: left;
}

.top-stories-widget .owl-theme .owl-nav .owl-next {
    float: right;
}

.top-stories-widget .owl-theme .owl-nav .owl-next:after,
.top-stories-widget .owl-theme .owl-nav .owl-prev:after {
    content: "\f061";
    font-size: 16px;
    color: #b50202;
    font-family: "FontAwesome5Free";
    font-weight: 700;
}

.top-stories-widget .owl-theme .owl-nav .owl-prev:after {
    content: "\f060";
}

.featured-video-widget {
    padding: 0 15px;
}

.fvideo-box {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.fvideo-box img {
    width: 100%;
    height: auto;
}

.fvideo-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    content: "";
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 30%,
            rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.fvid-cap {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    width: 100%;
    z-index: 999;
}

.fvid-cap span {
    font-size: 12px;
    color: #cccccc;
    display: inline-block;
    margin-right: 10px;
}

.fvid-cap h5 {
    font-weight: 400;
}

.fvid-cap h5 a {
    color: #fff;
}

.fvid-cap a.vicon {
    float: left;
    margin-right: 10px;
}

.mb15 {
    margin: 0 0 15px;
}

.side-ad {
    text-align: right;
}

.side-ad img {
    max-width: 100%;
    height: auto;
}

.br-lr {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.hr {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e6e6e6;
    margin: 50px 0 50px;
}

/********** |== Fixture | Point Tables | Groups Start == | **********/

.fiximg img {
    width: 100%;
    height: auto;
}

.lgraybg {
    background: #fafafa;
}

.match-result-tabs .nav.nav-tabs {
    background: #fff;
}

.match-result-tabs .nav-tabs .nav-item {
    margin: 0 0 0 5px;
}

.match-result-tabs .nav-tabs,
.match-result-tabs .nav-tabs .nav-link {
    border: 0px;
}

.match-result-tabs .nav-tabs .nav-link {
    background: #eeeeee;
    padding: 0 30px;
    line-height: 50px;
    font-size: 20px;
    color: #222222;
    font-family: "Atma", sans-serif;
    border-radius: 4px 4px 0 0;
}

.match-result-tabs .nav-tabs .nav-item.show .nav-link,
.match-result-tabs .nav-tabs .nav-link.active,
.match-result-tabs .nav-tabs .nav-link:hover {
    background: #b50202;
    color: #fff;
}

.fixtures-light {
    width: 100%;
    float: left;
    padding: 30px 15px 18px;
}

.p-6 {
    padding: 0 6px !important;
}

.m-6 {
    margin: 0 -6px !important;
}

.next-match-fixtures.light {
    border: 1px solid #e1e1e1;
    background: #fff;
}

.next-match-fixtures.light .nmf-loc {
    border-top: 1px solid #e1e1e1;
}

.next-match-fixtures.light .match-teams-vs li.team-logo strong {
    color: #222;
}

.next-match-fixtures.light .mvs p {
    color: #444;
}

.next-match-fixtures.light .mvs p strong {
    font-weight: 700;
    color: #b50202;
}

.next-match-fixtures.light .match-teams-vs .vs {
    background: #f0f0f0;
    border: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 23px;
    padding: 0 15px;
    border-radius: 15px;
    color: #b50202;
    margin: 10px 0 0;
}

.next-match-fixtures.light .nmf-loc li a,
.next-match-fixtures.light .nmf-loc li {
    color: #777777;
    font-weight: 400;
}

.next-match-fixtures.light .nmf-loc li a,
.next-match-fixtures.light .nmf-loc li i {
    color: #b50202;
}

.p30 {
    padding: 30px;
}

.groups {
    width: 100%;
    float: left;
    padding: 30px 30px 0 30px;
}

.group-box {
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 30px;
}

.group-box h6 {
    background: #222222;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
}

.group-box ul {
    margin: 0px;
    padding: 5px 7px;
    list-style: none;
}

.group-box ul li {
    font-size: 14px;
    line-height: 32px;
}

.last-match-result {
    padding: 15px 30px;
}

.last-match {
    margin: 0 0 20px;
    padding: 0 0 20px;
    list-style: none;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e1e1e1;
}

.last-match li {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
}

.last-match .team-name {
    width: 100px;
    text-align: center;
}

.last-match .team-name strong {
    display: block;
    font-family: "Atma", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.last-match .mscore {
    width: 70px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #999999;
    font-family: "Atma", sans-serif;
}

.last-match .mscore span {
    background: #ffcb05;
    width: 40px;
    line-height: 48px;
    color: #000;
    display: block;
    border-radius: 3px;
    font-size: 24px;
    margin: 10px 0;
}

.last-match .match-info {
    width: 48%;
    text-align: center;
    padding: 10px 0 0;
}

.last-match .match-info strong {
    display: block;
    color: #b50202;
    font-size: 14px;
    font-weight: 400;
}

.last-match .match-info span {
    display: block;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    margin: 7px 0;
}

.last-match .match-info span em {
    color: #d9d9d9;
}

.last-match .match-info a {
    color: #b50202;
    font-weight: 900;
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
}

.last-match .match-info a:hover {
    color: #171e36;
}

/********** |== Fixture | Point Tables | Groups End == | **********/

/********** |== Team Start == | **********/

.h2-team-squad {
    background: url(../images/h2teambg.jpg) no-repeat top center;
    margin: 0 -15px;
    width: 1170px;
}

.h2-team-squad h2 {
    color: #ffcb05;
    font-weight: 400;
    text-align: center;
    margin: 0 0 30px;
}

.m-05 {
    margin: 0 -5px !important;
}

.p-05 {
    padding: 0 5px !important;
}

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

.team-grid .team-squad-box {
    padding-top: 10px;
    margin-bottom: 30px;
}

.team-grid .team-squad-box a.follow {
    top: 25px;
}

.team-grid .team-squad-box .star-tag {
    position: absolute;
    top: 25px;
    left: 20px;
    width: 20px;
    height: 27px;
    background: url(../images/tag.png) no-repeat;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.num {
    position: absolute;
    right: 15px;
    top: 0;
    background: #38a1f3;
    width: 45px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-weight: 400;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    border-radius: 0 0 3px 3px;
}

.num:after {
    position: absolute;
    left: -11px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 10px solid #1a83d5;
    border-left: 11px solid transparent;
}

.team-grid .team-squad-box:hover .star-tag {
    top: 49px;
    opacity: 1;
}

.team-squad-box:hover .num {
    background: #b50202;
}

.team-squad-box:hover .num:after {
    border-bottom: 10px solid #b60516;
}

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

.team-squad-box {
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.team-squad-box img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.team-squad-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 50%;
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.team-squad-box a.follow {
    background: #b50202;
    position: absolute;
    color: #fff;
    left: -100px;
    opacity: 0;
    font-size: 12px;
    line-height: 24px;
    border-radius: 10px;
    padding: 0 15px 0 20px;
    text-transform: uppercase;
    top: 10px;
}

.team-squad-box .star-tag {
    top: -100px;
    opacity: 0;
}

.team-squad-box:hover .star-tag {
    top: 0px;
    opacity: 1;
}

.team-squad-box:hover a.follow {
    left: -10px;
    opacity: 1;
}

.ts-cap {
    position: absolute;
    left: 0;
    bottom: -52px;
    z-index: 99;
    text-align: center;
    width: 100%;
}

.ts-cap h4 {
    color: #fff;
    margin: 0 0 10px;
}

.ts-cap p {
    color: #cccccc;
    font-size: 12px;
    text-transform: uppercase;
}

.ts-cap ul {
    margin: 0 0 10px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.ts-cap ul li {
    float: left;
    font-size: 20px;
    font-weight: 300;
    color: #ccc;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    font-family: "Atma", sans-serif;
    width: 25%;
    line-height: 20px;
}

.ts-cap ul li:last-child {
    border: 0px;
}

.ts-cap ul li span {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
}

.team-squad-box:hover .ts-cap {
    bottom: 0px;
}

/******* Player Box Large *******/

.player-box.large .player-thumb {
    text-align: center;
}

.player-box.large .player-thumb img {
    width: 100%;
    height: auto;
}

.player-box.large .player-txt {
    padding: 20px 45px 0 20px;
}

.player-box.large .num {
    width: 55px;
    height: 52px;
    line-height: 52px;
    right: 30px;
    top: 0;
}

.player-box.large .num:after {
    display: none;
}

.player-box.large .player-txt ul li {
    font-size: 28px;
    font-weight: 300;
    color: #ffcb05;
}

.player-box.large .player-txt ul li span {
    color: #cccccc;
    font-size: 14px;
}

.player-box.large .player-txt p {
    margin: 0 0 35px;
}

.player-box.large .player-txt strong.player-desi {
    margin: 0 0 16px;
    font-size: 14px;
}

.player-box.large .player-txt a.playerbio {
    font-size: 14px;
}

.player-box.large .player-txt ul {
    margin: 0 0 40px;
}

.player-box.large .player-txt a.follow {
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px 0 0 15px;
    padding: 0 10px 0 15px;
    bottom: 0px;
}

/********** |== Team End == | **********/

/********** |== News & Posts Start == | **********/

.wrapper .title2 {
    font-size: 38px;
    font-weight: 400;
    margin: 0 0 20px;
}

.news-box-normal {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.news-box-normal .thumb {
    margin-bottom: 20px;
    border-radius: 3px;
}

.news-box-normal .newsp-txt h4 {
    color: #222222;
    font-weight: 400;
    margin: 0 0 5px;
}

.news-box-normal .newsp-txt h4 a {
    color: #222222;
}

.news-meta {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.news-meta li {
    display: inline-block;
    font-size: 12px;
    color: #888888;
    margin-right: 10px;
}

.news-meta li:last-child {
    margin: 0px;
}

.news-box-normal:hover .thumb a {
    left: 0;
    opacity: 1;
}

.news-box-normal:hover .newsp-txt h4 a {
    color: #b50202;
}

.news-block .top-stories li.story-row {
    border: 0px;
    padding-bottom: 0px;
}

/********** |== News & Posts End == | **********/

/********** |== League Sponsors Start == | **********/

.slogos {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
}

.slogos li {
    width: 33.3333%;
    float: left;
    text-align: center;
    border-right: 1px solid #e6e6e6;
    padding: 10px;
}

.slogos li.full {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px;
    margin: 30px 0;
}

.slogos li.nb {
    border: 0px;
}

.prodcut-slider {
    width: 100%;
    float: left;
}

.prodcut-slider .pro-txt .price {
    margin: 0px;
}

.pro-box .a2cart {
    opacity: 1;
    left: inherit;
    top: inherit;
    color: red;
    background: #ffff;
    border-radius: 3px;
    bottom: 10px;
    right: 10px;
    border: 1px solid #e1e1e1;
    width: 33px;
    height: 33px;
    color: #bbbbbb;
    line-height: 31px;
}

.pro-box:hover .pro-thumb a.a2cart {
    background: #b50202;
    color: #fff;
    left: inherit;
    border-color: #b50202;
    right: 10px;
}

.prodcut-slider .owl-nav {
    position: absolute;
    right: 0;
    top: -65px;
}

.prodcut-slider .owl-carousel .owl-nav button.owl-next,
.prodcut-slider .owl-carousel .owl-nav button.owl-prev {
    width: 30px;
    height: 30px;
    font-size: 0;
    border: 0px;
    background: #eeeeee;
    border-radius: 100%;
    opacity: 1;
    margin: 0 0 0 10px;
    line-height: 30px;
    color: #c3c3c3;
}

.prodcut-slider .owl-carousel .owl-nav button.owl-prev:after,
.prodcut-slider .owl-carousel .owl-nav button.owl-next:after {
    content: "\f060";
    font-family: "FontAwesome5Free";
    font-weight: 900;
    font-size: 14px;
}

.prodcut-slider .owl-carousel .owl-nav button.owl-next:after {
    content: "\f061";
}

.prodcut-slider .owl-carousel .owl-nav button.owl-next:hover,
.prodcut-slider .owl-carousel .owl-nav button.owl-prev:hover {
    background: #b50202;
    color: #fff;
}

/********** |== League Sponsors End == | **********/

/********** |== Banner + social media start == | **********/

.full-row {
    width: 1170px;
    margin: 0 -15px;
    overflow: hidden;
    float: left;
}

.mt-60 {
    margin-top: 60px;
}

.banner-col {
    width: 50%;
    float: left;
}

.social-col {
    width: 50%;
    float: left;
    background: url(../images/socialbg.jpg);
    height: 280px;
    padding: 30px;
    box-sizing: border-box;
}

.social-col h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 400;
    margin: 0 0 15px;
}

.social-media {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.social-media li {
    width: 170px;
    float: left;
    margin: 0 5px 5px 0;
}

.social-media .social {
    width: 170px;
    height: 73px;
    background: #b50202;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    padding: 14px 0 0 80px;
    position: relative;
}

.social-media .social:hover:after {
    width: 100%;
    opacity: 1;
}

.social-media .social:after {
    background: rgba(0, 0, 0, 0.25);
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: "";
    position: absolute;
    opacity: 0;
}

.social-media .social i {
    width: 65px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.12);
    content: "";
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 73px;
    z-index: 99;
}

.social-media span,
.social-media strong {
    color: #fff;
    font-size: 18px;
    color: #fff;
    font-family: "Atma", sans-serif;
    font-weight: 400;
    display: block;
    position: relative;
    z-index: 99;
}

.social-media span {
    font-size: 12px;
}

.social-media .social.fb {
    background: #506dae;
}

.social-media .social.tw {
    background: #14c4f8;
}

.social-media .social.yt {
    background: #e34d3c;
}

.social-media .social.gp {
    background: #dc4b3a;
}

.social-media .social.insta {
    background: #f3436a;
}

.social-media .social.rss {
    background: #f8a046;
}

/********** |== Banner + social media end == | **********/

/********** |== Newsletter Start == | **********/

.darkbg {
    background: #20273f;
}

.newsletter-two {
    display: flex;
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    list-style: none;
}

.newsletter-two strong {
    display: block;
    color: #fff;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.newsletter-two .form-control {
    border-radius: 3px;
    height: 60px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #f5c30b;
    padding: 0 20px;
    font-size: 16px;
    background: none;
}

.wrapper .form-control:focus {
    color: #333;
    background-color: rgba(0, 0, 0, 0.02);
    border-color: #b50202;
    box-shadow: none;
}

.newsletter-two button {
    line-height: 60px;
    border: 0px;
    background: #b50202;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border-radius: 3px;
}

/********** |== Newsletter End == | **********/

/********** |== Home Page 2 End == | **********/

/******************** |== Shop Pages Start == | ********************/

.solidbg {
    background: #fcfcfc;
}

.inner-banner-header {
    background: url(../images/photo_gallery.jpg) no-repeat;
    text-align: center;
    padding: 110px 0 0;
    position: relative;
    min-height: 300px;
    overflow: hidden;
}

.inner-banner-header h1 {
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    position: relative;
}

.inner-banner-header h1:after {
    content: attr(data-generated);
    position: absolute;
    left: 0;
    right: 0;
    font-size: 150px;
    top: -68px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.07);
}

.gt-breadcrumbs {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0px;
    width: 100%;
}

.gt-breadcrumbs ul {
    margin: 0px;
    padding: 0 50px;
    list-style: none;
    width: auto;
    background: rgba(255, 255, 255, 0.2);
    display: inline-block;
    border-radius: 75px 75px 0 0;
}

.gt-breadcrumbs ul li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 42px;
}

.gt-breadcrumbs ul li:after {
    content: " :: ";
    padding: 0 10px;
    line-height: 42px;
}

.gt-breadcrumbs ul li:last-child:after {
    display: none;
}

.gt-breadcrumbs ul li a {
    color: #fff;
}

.gt-breadcrumbs ul li a.active,
.gt-breadcrumbs ul li a:hover {
    color: #ffcb05;
}

.shop-banners {
    margin-bottom: 80px;
}

.sorting {
    float: right;
    position: relative;
}

.sorting select {
    border: 2px solid #e1e1e1;
    height: 50px;
    border-radius: 30px;
    line-height: 46px;
    padding: 0 25px;
    color: #777777;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
}

.sorting i {
    position: absolute;
    right: 20px;
    top: 17px;
    color: #777777;
}

.shop-filter ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.shop-filter ul li {
    display: inline-block;
    margin-right: 5px;
    color: #777777;
    font-size: 16px;
    line-height: 50px;
}

.shop-filter ul li a {
    color: #bbbbbb;
    margin-right: 3px;
}

.shop-filter ul li a:hover {
    color: #b50202;
}

.shop-filter strong {
    font-family: "Atma", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
}

.pro-box {
    background: #fff;
}

.shop .pro-box {
    margin: 0 0 30px;
}

.item .pro-box {
    margin: 0px;
}

.gt-pagination {
    width: 100%;
    float: left;
}

.gt-pagination .page-item:first-child .page-link,
.gt-pagination .page-item:last-child .page-link,
.gt-pagination .page-link {
    position: relative;
    display: block;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ffcb05;
    color: #ffcb05;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 100%;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
}

.gt-pagination .page-item:first-child .page-link:hover,
.gt-pagination .page-item:last-child .page-link:hover,
.gt-pagination .page-link:hover,
.gt-pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ffcb05;
    border-color: #ffcb05;
}

.gt-pagination li.page-item {
    position: relative;
    margin-right: 6px;
}

.gt-pagination li.page-item:after {
    content: "";
    width: 6px;
    height: 1px;
    background: #ffcb05;
    z-index: 99;
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.gt-pagination li.page-item:last-child:after {
    display: none;
}

.pro-box .sale-tag {
    position: absolute;
    left: 0;
    top: 20px;
    background: red;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 0 10px 10px 0;
    line-height: 21px;
    font-weight: 600;
    border-left: 2px solid #c51a35;
    z-index: 99;
}

.product-slider .owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    left: 0;
    top: -75px;
    bottom: 0;
    margin: auto;
    height: 50px;
    z-index: 99;
    width: 100%;
}

.product-slider .owl-theme .owl-nav .owl-prev {
    float: left;
    border-radius: 0 30px 30px 0;
    margin-left: -1px;
}

.product-slider .owl-theme .owl-nav .owl-next:after,
.product-slider .owl-theme .owl-nav .owl-prev:after {
    content: "\f060";
    font-family: "FontAwesome5Free";
    font-weight: 900;
    color: #fff;
    font-size: 20px;
}

.product-slider .owl-theme .owl-nav .owl-next:after {
    content: "\f061";
}

.product-slider .owl-theme .owl-nav .owl-next {
    float: right;
    border-radius: 30px 0 0 30px;
    margin-right: -1px;
}

.product-slider .owl-theme .owl-nav [class*="owl-"] {
    background: #eeeeee;
    width: 64px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    opacity: 1;
    font-size: 0px;
    color: #cccccc;
}

.product-slider .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #b50202;
    color: #fff;
}

.shop .product-slider .pro-box {
    margin: 0px;
}

/******************** |== Shop Pages End == | ********************/

/******************** |== Sidebar Widgets Start == | ********************/

.home-sidebar .widget,
.sidebar .widget {
    width: 100%;
    float: left;
    margin: 0 0 40px;
}

.sidebar .sidebar-ad img {
    max-width: 100%;
    height: auto;
}

.sidebar .widget h4 {
    font-weight: 400;
    margin: 0 0 14px;
}

.sidebar .widget .top-stories-widget,
.sidebar .widget .featured-video-widget {
    padding: 0px;
}

.fvid-right {
    float: right;
    width: 76%;
}

.sidebar .widget .top-stories-widget .ts-thumb {
    width: 65px;
    height: 70px;
}

.sidebar .widget .top-stories-widget .ts-thumb img {
    border-radius: 3px;
}

.sidebar .widget .top-stories li.story-row {
    padding: 0 0 15px 75px;
}

.sidebar .widget .story-row h5 {
    font-size: 18px;
    margin: 0 0 3px;
}

.sidebar .widget .top-stories-widget .owl-theme .owl-nav {
    top: -40px;
}

.sidebar .widget .top-stories-widget .owl-dots {
    top: -43px;
}

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

.last-match-widget {
    width: 100%;
    float: left;
    background: #20273f;
    border-radius: 3px;
    padding: 20px 20px 0;
    overflow: hidden;
}

.last-match-widget .match-teams-vs {
    margin: 0 0 10px;
    padding: 0px;
}

.last-match-widget p {
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.last-match-widget p strong {
    text-transform: uppercase;
    display: block;
    color: #b50202;
    font-weight: 900;
    font-size: 14px;
    margin: 0 0 5px;
}

.last-match-widget .match-teams-vs li.team-logo {
    width: 60px;
    text-align: center;
}

.last-match-widget .match-teams-vs li.mvs {
    width: 95px;
}

.last-match-widget .match-teams-vs li.team-logo strong {
    font-size: 14px;
    color: #ffcb05;
}

ul.mres {
    margin: 0px;
    padding: 7px 0 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

.mres li {
    width: 50%;
    text-align: center;
    display: inline-block;
}

.mres strong {
    width: 36px;
    height: 36px;
    background: #4e566d;
    text-align: center;
    line-height: 36px;
    color: #dddddd;
    display: inline-block;
    font-size: 24px;
    font-family: "Atma", sans-serif;
    margin: 0 0 5px;
}

.mres span {
    color: #7c859a;
    font-size: 16px;
    display: block;
}

.mp-goals {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mp-goals li {
    width: 50%;
    float: left;
    padding: 10px 0;
}

.mp-goals li:last-child {
    border-left: 1px solid #373d53;
    padding-left: 5px;
    text-align: left;
}

.mp-goals li:last-child p {
    text-align: left;
}

.mp-goals li:first-child {
    padding-right: 5px;
    text-align: right;
}

.last-match-widget .mp-goals li p {
    font-size: 12px;
    color: #fff;
    margin: 0;
    line-height: 20px;
}

.mp-goals li p span {
    color: #b50202;
    padding-left: 1px;
}

.matchreport {
    width: 100%;
    float: left;
    border-top: 1px solid #373d53;
    line-height: 39px;
    text-align: center;
}

.matchreport a {
    text-transform: uppercase;
    color: #ffcb05;
    font-size: 12px;
}

.matchreport a:hover {
    color: #fff;
}

.last-match-widget .match-teams-vs .vs {
    background: #b50202;
    border: 0;
    display: inline-block;
    line-height: 25px;
    padding: 0 15px;
    border-radius: 12px;
    color: #fff;
    margin: 15px 0 0;
    font-size: 12px;
    font-weight: 700;
}

.last-match-widget .mloc {
    text-align: center;
    color: #7c859a;
    font-size: 12px;
}

.last-match-widget .mloc i {
    color: #b50202;
}

.last-match-widget .defaultCountdown {
    border-top: 1px solid #373d53;
    border-bottom: 1px solid #373d53;
    width: 255px;
    float: left;
    margin: 0 -20px;
}

.last-match-widget .countdown-section {
    border-right: 1px solid #373d53;
    padding: 5px 0;
}

.last-match-widget .countdown-section:last-child {
    border: 0px;
}

.last-match-widget .countdown-amount {
    color: #fff;
    font-size: 20px;
    font-family: "Atma", sans-serif;
    font-weight: 300;
}

.last-match-widget .countdown-period {
    color: #7c859a;
    font-family: "Atma", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.buyticket-btn {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0;
}

.buyticket-btn a {
    background: #b50202;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 12px;
}

.buyticket-btn a:hover {
    background: #ffcb05;
    color: #fff;
}

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

.match-sponsors {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}

.match-sponsors li {
    width: 50%;
    float: left;
    border: 1px solid #e6e6e6;
    margin: 0 -1px -1px 0;
    padding: 10px;
    background: #fff;
    text-align: center;
}

.match-sponsors li img {
    max-width: 100%;
    height: auto;
    opacity: 0.6;
}

.match-sponsors li img:hover {
    opacity: 1;
}

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

.side-products {
    position: relative;
}

.side-products .owl-nav {
    position: absolute;
    right: 0;
    top: -55px;
}

.side-products .owl-carousel .owl-nav button.owl-next,
.side-products .owl-carousel .owl-nav button.owl-prev {
    width: 30px;
    height: 30px;
    font-size: 0;
    border: 0px;
    background: #eeeeee;
    border-radius: 100%;
    opacity: 1;
    margin: 0 0 0 10px;
    line-height: 30px;
    color: #c3c3c3;
}

.side-products .owl-carousel .owl-nav button.owl-prev:after,
.side-products .owl-carousel .owl-nav button.owl-next:after {
    content: "\f060";
    font-family: "FontAwesome5Free";
    font-weight: 900;
    font-size: 14px;
}

.side-products .owl-carousel .owl-nav button.owl-next:after {
    content: "\f061";
}

.side-products .owl-carousel .owl-nav button.owl-next:hover,
.side-products .owl-carousel .owl-nav button.owl-prev:hover {
    background: #b50202;
    color: #fff;
}

.widget .social-media li {
    width: 122px;
}

.widget .social-media .social {
    width: 123px;
    height: 53px;
    padding: 5px 0 0 55px;
}

.widget .social-media .social i {
    width: 45px;
    font-size: 20px;
    line-height: 53px;
}

/******************** |== Sidebar Widgets End == | ********************/

/******************** |== Point Table Start == | ********************/

.point-table .point-table-widget table thead tr th {
    padding: 7px 15px;
}

.point-table .point-table-widget table tbody tr td {
    padding: 15px;
}

/******************** |== Point Table End == | ********************/

/******************** |== Last Match Result Full Start == | ********************/

.last-match-result-full {
    background: url(../images/matchfixbg.jpg);
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
}

.last-match-result-full .p30 {
    padding: 40px 30px;
}

.last-match-result-full h6 {
    text-align: center;
    line-height: 51px;
    background: #b50202;
    color: #fff;
    text-transform: uppercase;
}

.lmr-info {
    text-align: center;
}

.lmr-info strong {
    color: #ffcb05;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.lmr-info p {
    color: #fff;
    font-size: 14px;
    margin: 0px;
}

.lmr-info img {
    margin: 17px 0 14px;
}

.lmr-info a.mh {
    background: #b50202;
    color: #fff;
    display: inline-block;
    line-height: 33px;
    padding: 0 15px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 20px 0 0;
}

.lmr-info a.mh:hover {
    background: #ffcb05;
    color: #fff;
}

.match-right,
.match-left {
    width: 100%;
    float: left;
}

.match-left .mtl-left {
    float: left;
    width: 80px;
    text-align: center;
}

.match-right .mtl-right {
    float: right;
    width: 80px;
    text-align: center;
}

.match-left .mtl-left img {
    margin: 0 0 12px;
}

.match-right .mtl-right strong,
.match-left .mtl-left strong {
    color: #fff;
    font-family: "Atma", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    display: block;
}

.match-right ul,
.match-left ul {
    margin: 20px 0 0;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
}

.match-right ul li,
.match-left ul li {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: "Atma", sans-serif;
}

.match-right ul li span,
.match-left ul li span {
    color: #b50202;
}

.last-match-result-full .mscore {
    float: left;
    margin-left: 45px;
    text-align: center;
    color: #ffcb05;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Atma", sans-serif;
}

.last-match-result-full .mscore strong {
    width: 50px;
    height: 60px;
    display: block;
    background: rgba(124, 133, 154, 0.5);
    text-align: center;
    line-height: 60px;
    color: #dddddd;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

/******************** |== Last Match Result Full End == | ********************/

/******************** |== Next Matches Schedule Start == | ********************/

.next-matches-schedule h2.stitle {
    background: #b50202;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    line-height: 58px;
    border-radius: 3px;
    padding: 0 20px;
    margin: 0 0 10px;
}

.nms-box {
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    margin: 0 0 30px;
}

.nms-box .team-logo-right,
.nms-box .team-logo-left {
    padding: 65px 30px 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 99;
}

.next-matches-schedule .nms-box .team-logo-right strong,
.next-matches-schedule .nms-box .team-logo-left strong {
    display: block;
    margin: 0px;
}

.next-matches-schedule .nms-box .team-logo-right img {
    margin: 0px;
}

.nms-box .team-logo-right img,
.nms-box .team-logo-left img {
    display: inline-block;
    width: 60px;
    height: auto;
}

.nms-box .team-logo-right strong,
.nms-box .team-logo-left strong {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    font-family: "Atma", sans-serif;
    line-height: 55px;
    margin-right: 16px;
}

.nms-box .team-logo-right img {
    margin: 0 15px 0 0;
}

.nms-box .team-logo-right strong {
    margin: 0px;
}

.nms-info {
    text-align: center;
    padding: 25px 0;
}

.nms-info .vs {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 23px;
    padding: 0 15px;
    border-radius: 15px;
    color: #b50202;
    font-size: 12px;
    margin: 0 0 11px;
}

.nms-info p {
    font-size: 14px;
    color: #333333;
    margin: 0px;
}

.nms-info p strong {
    color: #b50202;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Atma", sans-serif;
    margin: 0 0 5px;
    display: block;
}

.nms-info p span {
    color: #b50202;
    display: block;
    margin: 8px 0 13px;
}

.nms-info a {
    background: #b50202;
    color: #fff;
    line-height: 33px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    border-radius: 3px;
    padding: 0 20px;
}

.nms-info a:hover {
    background: #171e36;
    color: #fff;
}

.nms-box:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.nms-title {
    background: #b50202;
    border-radius: 3px;
    height: 58px;
    padding: 5px 20px;
    margin: 0 0 10px;
}

.nms-title h4 {
    font-weight: 300;
    color: #fff;
    line-height: 48px;
}

.nms-title h4 span {
    font-size: 18px;
    text-transform: uppercase;
}

.next-match-box {
    overflow: hidden;
    border: 1px solid #e1e1e1;
    margin: 0 0 60px;
    border-radius: 3px;
    background: #fff;
}

.next-match-box h6 {
    background: #b50202;
    color: #fff;
    text-align: center;
    line-height: 58px;
}

.next-match-box .team-logo-left,
.next-match-box .team-logo-right {
    text-align: center;
    padding: 20px 0 20px 0;
}

.next-match-box .team-logo-left strong,
.next-match-box .team-logo-right strong {
    display: block;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin: 10px 0 0;
}

.next-match-box .defaultCountdown {
    border-top: 1px solid #e1e1e1;
}

.next-match-box .countdown-section {
    border-right: 1px solid #e1e1e1;
    width: 24.5%;
    float: left;
    padding: 5px 0;
}

.next-match-box .countdown-section:last-child {
    border: 0px;
}

.next-match-box .countdown-amount {
    color: #bbbbbb;
    font-size: 26px;
    font-family: "Atma", sans-serif;
}

.next-match-box .countdown-period {
    color: #bbbbbb;
    font-size: 12px;
    font-family: "Atma", sans-serif;
    text-transform: uppercase;
}

.fixtures-light.np {
    padding: 0px;
}

.p-10 {
    padding: 0 10px !important;
}

.fixtures-grid .next-match-fixtures {
    margin: 0 0 20px;
}

.fixtures-grid .next-match-fixtures .nmf-loc li:last-child {
    border-left: 1px solid #e1e1e1;
    float: left;
    width: 100%;
    text-align: center;
}

.next-match-fixtures.light:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/******************** |== Next Matches Schedule End == | ********************/

/******************** |== Matches Groups Start == | ********************/

.matach-groups .group-box h6 {
    line-height: 50px;
    font-size: 18px;
}

.matach-groups .group-box ul {
    padding: 20px;
}

.matach-groups .group-box ul li img {
    border: 1px solid #e3e3e3;
    margin-right: 14px;
}

.matach-groups .group-box ul li {
    margin-bottom: 5px;
}

.matach-groups .group-box ul li:last-child {
    margin: 0px;
}

/******************** |== Matches Groups End == | ********************/

/******************** |== Matches Results Start == | ********************/

.match-results-list .last-match {
    border: 1px solid #e1e1e1;
    padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background: #fff;
}

.match-results-list .last-match:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 10%;
    height: 100%;
}

.match-results-list .last-match:before {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 10%;
    height: 100%;
}

.match-results-list .last-match .team-name img {
    margin-bottom: 10px;
}

.match-results-list .last-match .match-info strong {
    font-weight: 700;
}

/***************  Match Result Page two  ***************/

.last-match-result-full-light {
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    padding: 40px;
    margin: 0 0 30px;
}

.last-match-result-full-light .match-left .mtl-left img,
.last-match-result-full-light .match-right .mtl-right img {
    width: 55px;
    height: auto;
}

.last-match-result-full-light .lmr-info strong {
    color: #b50202;
    font-family: "Atma", sans-serif;
    font-size: 16px;
}

.last-match-result-full-light .lmr-info p {
    color: #333333;
}

.last-match-result-full-light .match-right .mtl-right strong,
.last-match-result-full-light .match-left .mtl-left strong {
    color: #222222;
}

.last-match-result-full-light .match-right ul li,
.last-match-result-full-light .match-left ul li {
    color: #777777;
}

.match-right ul li span,
.match-left ul li span {
    color: #b50202;
}

.last-match-result-full-light .mscore {
    float: left;
    margin-left: 45px;
    text-align: center;
    color: #b50202;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Atma", sans-serif;
}

.last-match-result-full-light .mscore strong {
    width: 50px;
    height: 60px;
    display: block;
    background: #ffcb05;
    text-align: center;
    line-height: 60px;
    color: #222;
    font-family: "Atma", sans-serif;
    font-size: 30px;
    margin-bottom: 10px;
}

.last-match-result-full-light:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/******************** |== Matches Results End == | ********************/

/******************** |== Image Gallery Start == | ********************/

.gal-thumb {
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    margin: 0 0 30px;
}

.gal-thumb img {
    width: 100%;
    height: auto;
}

.gal-thumb:before,
.gal-thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
}

.gal-thumb:before {
    left: inherit;
    right: 0;
}

.gal-thumb a {
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: 0px;
    margin: auto;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 1);
    border-radius: 100%;
    text-align: center;
    line-height: 45px;
    color: #b50202;
    z-index: 99;
    opacity: 0;
}

.gal-thumb a:hover {
    background: #ffcb05;
    color: #222;
}

.gal-thumb:hover:before,
.gal-thumb:hover:after {
    width: 100%;
    opacity: 1;
}

.gal-thumb:hover a {
    opacity: 1;
    top: 0;
}

.image-gallery .news-gallery .isotope .item {
    width: 280px;
    height: 190px;
    overflow: hidden;
}

.image-gallery .news-gallery .isotope .item.width2 {
    width: 560px;
    height: 380px;
}

.image-gallery .classic-gallery .isotope .item {
    width: 278px;
    height: 283px;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.image-gallery .classic-gallery .isotope .item.height2 {
    width: 277px;
    height: 566px;
    overflow: hidden;
}

.image-gallery .classic-gallery .isotope .item.width2 {
    width: 555px;
    height: 285px;
    overflow: hidden;
}

.image-gallery .massonry-gallery .isotope .item {
    width: 365px;
    height: 345px;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.image-gallery .massonry-gallery .isotope .item.height2 {
    width: 365px;
    height: 690px;
    overflow: hidden;
}

.image-gallery .massonry-gallery .isotope .item.width2 {
    width: 735px;
    height: 345px;
    overflow: hidden;
}

/******************** |== Image Gallery End == | ********************/

/******************** |== Palyer / Team Details == | ********************/

.player-card {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0 0 60px;
    background: #fff;
}

.player-card .pimg {
    width: 46.2%;
    float: left;
}

.player-card .pimg img {
    width: 100%;
    height: auto;
}

.player-card:after {
    position: absolute;
    bottom: -30px;
    right: -30px;
    width: 170px;
    height: 153px;
    content: "";
    background: url(../images/socericon.png) no-repeat;
}

.player-card .player-details {
    width: 53.8%;
    float: left;
    padding: 30px;
    position: relative;
}

.player-card .player-details h2 {
    margin: 0 0 10px;
}

.player-details strong.desi {
    color: #ffcb05;
    text-transform: uppercase;
    display: block;
    margin: 0 0 20px;
}

.player-details span.follow {
    position: absolute;
    right: -15px;
    top: 30px;
    background: #b50202;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    padding: 0 30px;
    border-radius: 15px;
}

.player-details span.follow a {
    color: #fff;
}

.player-details ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    width: 80%;
    float: left;
}

.player-details ul li {
    color: #777777;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    font-family: "Atma", sans-serif;
}

.player-details ul li:after {
    content: " : ";
    position: absolute;
    left: 40%;
    top: 0;
}

.player-details ul li strong {
    float: right;
    width: 50%;
    text-align: left;
    color: #b50202;
}

.player-card.staff ul li {
    font-size: 18px;
    line-height: 32px;
}

.player-card.staff ul li strong {
    font-size: 18px;
}

.player-bio {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 0 60px;
    background: #fff;
}

.player-bio h4 {
    background: #20273f;
    color: #fff;
    line-height: 53px;
    font-weight: 400;
    padding-left: 30px;
}

.player-bio .txt {
    padding: 30px;
}

.player-bio blockquote {
    color: #38a1f3;
    font-family: "Atma", sans-serif;
    font-size: 22px;
    font-style: italic;
    border-left: 2px solid #38a1f3;
    padding-left: 20px;
}

.player-bio .txt p {
    color: #777777;
    font-size: 16px;
    line-height: 26px;
}

.player-bio .txt p:last-child {
    margin: 0px;
}

.career-facts {
    width: 100%;
    float: left;
    margin: 0 0 60px;
}

.career-facts h4 {
    background: #20273f;
    color: #fff;
    line-height: 53px;
    font-weight: 400;
    padding-left: 30px;
    border-radius: 3px 3px 0 0;
}

.career-facts table {
    width: 100%;
    border: 0px;
    background: #fff;
}

.career-facts table thead tr th {
    background: #b50202;
    color: #fff;
    text-align: center;
    font-family: "Atma", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    border-top: 0px;
    line-height: 40px;
}

.career-facts table thead tr th:first-child,
.career-facts table thead tr th:last-child {
    border: 0px;
}

.career-facts table tbody tr td {
    border: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #777777;
    line-height: 60px;
    width: 60px;
}

.career-facts table tbody tr:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #222;
}

.career-facts table tbody tr td:first-child {
    width: 100px;
}

.highlights-gallery {
    width: 100%;
    float: left;
    margin: 0 0 50px;
}

.highlights-gallery h2 {
    margin: 0 0 20px;
}

.hlg-thumb {
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    margin: 0 0 10px;
}

.hlg-thumb:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.hlg-thumb img {
    width: 100%;
    height: auto;
}

.hlg-thumb p {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(232, 31, 62, 0.7);
    width: 100%;
    margin: 0px;
    padding: 8px 15px;
    color: #fff;
    z-index: 999;
}

.hlg-thumb p a {
    color: #fff;
    font-size: 14px;
}

.hlg-thumb p i {
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 8px;
}

.hlg-thumb:hover:after {
    height: 100%;
    opacity: 1;
}

.hlg-thumb:hover img {
    transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.player-social-media {
    width: 100%;
    float: left;
}

.player-social-media h4 {
    font-weight: 400;
    margin: 0 0 15px;
}

.player-social-media .social-media li {
    width: 130px;
}

.social-media .social {
    width: 130px;
    height: 53px;
    padding: 5px 0 0 60px;
}

.social-media .social i {
    width: 45px;
    line-height: 53px;
}

/******************** |== Palyer / Team Details == | ********************/

/******************** |== Shop Details Start == | ********************/

.shop-images {
    width: 100%;
    float: left;
}

.shop-images ul {
    margin: 0 -5px;
    padding: 0px;
    list-style: none;
}

.shop-images ul li:first-child {
    width: 100%;
}

.shop-images ul li img {
    border: 5px solid #f0f0f0;
    width: 100%;
    height: auto;
}

.shop-images ul li {
    width: 33.333333%;
    float: left;
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.shop-images ul li a {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    border: 1px solid #e9e9e9;
    background: #f0f0f0;
    color: #bbbbbb;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    border-radius: 3px;
}

.shop-images ul li:hover a {
    background: #b50202;
    border-color: #b50202;
    color: #fff;
}

.sizes {
    margin: 0;
    padding: 0;
    list-style: none;
}

.radio-boxes {
    margin: 0 0 25px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.colors li strong,
.radio-boxes li strong {
    font-family: "Atma", sans-serif;
    color: #999;
    margin-right: 10px;
    font-weight: 500;
    line-height: 30px;
}

.radio-boxes li {
    float: left;
    padding: 0 3px;
}

.radio-boxes .radio.custom {
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

.radio-boxes input[type="radio"].custom {
    margin-left: 0;
    padding: 0;
}

.radio-boxes input[type="radio"].css-radio {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    border: 0;
}

.radio-boxes input[type="radio"].css-radio+label.css-label {
    height: 30px;
    width: 35px;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
    background: #fcfcfc;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 0px;
    text-align: center;
    color: #999999;
    margin: 0px;
    font-family: "Atma", sans-serif;
}

.radio-boxes input[type="radio"].css-radio:checked+label.css-label,
.radio-boxes input[type="radio"].css-radio+label.css-label:hover {
    background: #b50202;
    border-color: #b50202;
    color: #fff;
}

.colors {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0px;
    list-style: none;
}

.colors li {
    float: left;
    margin-right: 10px;
    line-height: 18x;
}

.colors li.c1 span {
    border: 2px solid #fff;
    background: #494d6a;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: block;
}

.colors li.c2 span {
    border: 2px solid #fff;
    background: #b50202;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: block;
}

.colors li.c3 span {
    border: 2px solid #fff;
    background: #ffcb05;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: block;
}

.cart-qty {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.cart-qty li {
    display: inline-block;
    font-family: "Atma", sans-serif;
    font-size: 20px;
    color: #222222;
    margin: 0 10px 0 0;
}

.cart-qty li input[type="number"] {
    width: 60px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    height: 40px;
    line-height: 38px;
}

.cart-qty button.add-2-cart {
    background: #b50202;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 0px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 5px;
}

.product-tabs {
    width: 100%;
    float: left;
    padding: 75px 0 0;
}

.product-tabs .nav-tabs {
    border: 0px;
}

.product-tabs .nav-tabs .nav-link {
    background: #eeeeee;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    color: #222222;
    line-height: 53px;
    padding: 0 30px;
}

.product-tabs .nav-tabs .nav-item.show .nav-link,
.product-tabs .nav-tabs .nav-link.active,
.product-tabs .nav-tabs .nav-link:hover {
    background: #b50202;
    color: #fff;
    border-color: #b50202;
}

li.nav-item.active {
    background-color: #111;
}

.product-tabs .tab-content {
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 30px;
    width: 100%;
    float: left;
}

.product-tabs table {
    border: 1px solid #e1e1e1;
    width: 100%;
}

.product-tabs table td {
    border: 1px solid #e1e1e1;
    padding: 10px;
}

ul.comments {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.comments .comment {
    position: relative;
    padding: 0 0 0 85px;
}

.comments .comment .user-thumb {
    width: 72px;
    position: absolute;
    left: 0;
    top: 0;
}

.comments .comment .user-thumb img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
}

.comment-txt p {
    margin: 0px;
    color: #555;
    font-size: 14px;
    line-height: 24px;
}

.comment-txt h6 {
    margin: 0 0 6px;
    font-weight: 600;
}

ul.comment-time {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
}

ul.comment-time li {
    display: inline-block;
    margin-left: 20px;
    font-size: 14px;
    color: #888888;
}

ul.comment-time li a {
    color: #888888;
}

ul.comment-time li a i {
    color: #66bb6a;
    font-size: 12px;
    margin-right: 3px;
}

.comment .comment-txt {
    border-bottom: 1px solid #dddddd;
    padding: 0 0 20px;
    margin-bottom: 20px;
}

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

p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    margin-right: 1px;
    font-weight: 400;
}

p.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: "FontAwesome5Free";
    font-weight: 900;
    content: "\f005";
    color: #43454b;
    text-indent: 0;
    opacity: 0.25;
}

.required {
    border-bottom: 0 !important;
    color: red;
}

p.stars a:hover,
p.stars a:hover:before {
    color: #faa61a;
    opacity: 1;
}

.comment-form ul {
    width: 100%;
    float: left;
    margin: 0 -10px;
    padding: 0px;
    list-style: none;
}

.comment-form ul li {
    margin-bottom: 30px;
}

.comment-form li.w3 {
    width: 33.3333%;
    padding: 0 10px;
    float: left;
}

.comment-form li.full {
    width: 100%;
    padding: 0 10px;
}

.product-tabs p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.product-tabs p:last-child {
    margin: 0px;
}

.comment-form input.form-control {
    border: 2px solid #e1e1e1;
    border-radius: 3px;
    height: 53px;
    line-height: 49px;
    padding: 0 20px;
}

.comment-form textarea.form-control {
    border: 2px solid #e1e1e1;
    border-radius: 3px;
    height: 150px;
    line-height: 24px;
    padding: 20px;
}

.comment-form .post-btn {
    height: 50px;
    line-height: 50px;
    border: 0;
    border-radius: 3px;
    background: #b50202;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    padding: 0 30px;
    float: right;
}

.comment-form .post-btn:hover {
    background: #171e36;
    color: #fff;
}

.pro-summery h1 {
    margin: 0 0 14px;
}

.pro-summery p {
    font-size: 16px;
    line-height: 24px;
    color: #777777;
    clear: both;
    margin: 0 0 20px;
}

.pro-summery p.price {
    margin: 0 0 11px;
}

.pro-summery p del {
    color: #999999;
    font-size: 24px;
    font-family: "Atma", sans-serif;
    font-weight: 400;
    margin-right: 15px;
}

.pro-summery p ins {
    color: #b50202;
    font-size: 24px;
    font-family: "Atma", sans-serif;
    font-weight: 700;
    text-decoration: none;
}

.pro-summery p.rating {
    color: #777777;
    font-size: 14px;
    margin: 0 0 20px;
}

.pro-summery p.rating a {
    color: #ffcb05;
    margin-right: 10px;
}

.in-stock {
    color: #999999;
    font-family: "Atma", sans-serif;
    font-size: 16px;
}

.in-stock strong {
    color: #b50202;
    font-weight: 400;
}

.comment-form ul li:last-child {
    margin: 0px;
}

/******************** |== Shop Details End == | ********************/

/******************** |== News / Blog Pages Start == | ********************/

.ng-box {
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    margin: 0 0 30px;
}

.ng-txt {
    width: 100%;
    float: left;
    padding: 20px 30px;
}

.ng-txt ul {
    margin: 0 0 16px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.post-author li,
.ng-txt ul li {
    float: left;
}

.post-author li img,
.ng-txt ul li img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
}

.post-author li.likes {
    float: right;
    font-size: 14px;
    color: #888888;
}

.post-author li.likes i,
.ng-txt ul li.likes i {
    color: #b50202;
}

.post-author strong {
    color: #b50202;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
}

.ng-txt .post-meta {
    margin: 0 0 10px;
}

ul.post-meta li {
    margin-right: 20px;
    color: #888888;
    font-size: 14px;
}

ul.post-meta li:last-child {
    margin: 0px;
}

ul.post-meta li i {
    color: #cccccc;
    margin-right: 3px;
}

.ng-txt h4 {
    font-weight: 400;
    margin: 0 0 11px;
}

.ng-txt h4 a {
    color: #222222;
}

.ng-txt p {
    color: #777777;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 16px;
}

.ng-txt a.rm {
    line-height: 31px;
    border: 1px solid #e1e1e1;
    display: inline-block;
    padding: 0 20px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #bbbbbb;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 10px;
}

.ng-box:hover .thumb a {
    left: 0;
    opacity: 1;
}

.ng-box:hover .ng-txt h4 a {
    color: #b50202;
}

.ng-box:hover .ng-txt a.rm {
    background: #b50202;
    color: #fff;
    border-color: #b50202;
}

/****************  News Large  **************/

.news-large-post {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    margin: 0 0 40px;
}

.video-thumb,
.post-thumb {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

.shop-banners img,
.video-thumb img,
.post-thumb img {
    width: 100%;
    height: auto;
}

.post-thumb a {
    position: absolute;
    left: -150px;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 100%;
    margin: auto;
    text-align: center;
    line-height: 50px;
    color: #222;
    z-index: 99;
    opacity: 0;
}

.video-thumb:before,
.video-thumb:after,
.post-thumb:before,
.post-thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    content: "";
    background: rgba(0, 0, 0, 0.3);
}

.video-thumb:before,
.post-thumb:before {
    top: inherit;
    bottom: 0;
}

.news-large-post:hover .video-thumb:before,
.news-large-post:hover .video-thumb:after,
.news-large-post:hover .post-thumb:before,
.news-large-post:hover .post-thumb:after {
    height: 100%;
    opacity: 1;
}

.news-large-post .post-txt {
    padding: 34px 50px 40px;
    width: 100%;
    float: left;
}

.news-list-post .post-meta {
    margin: 0 0 10px;
}

.news-list-post:last-child {
    margin-bottom: 0;
}

.post-meta {
    margin: 0 0 12px;
    padding: 0px;
    list-style: none;
}

.post-meta li {
    display: inline-block;
    margin: 0 20px 0 0;
}

.news-large-post .post-txt h3 {
    font-weight: 400;
    margin: 0 0 9px;
}

.news-large-post .post-txt h3 a {
    color: #222222;
}

.news-large-post .post-txt p {
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 18px;
}

.post-txt a.rm {
    line-height: 30px;
    border: 1px solid #e1e1e1;
    display: inline-block;
    padding: 0 20px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #bbbbbb;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.post-thumb a:hover,
.news-large-post:hover .post-txt a.rm {
    background: #b50202;
    border-color: #b50202;
    color: #fff;
}

.news-large-post.sticky:hover .post-txt h3 a,
.news-large-post:hover .post-txt h3 a {
    color: #b50202;
}

.news-large-post:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.news-large-post:hover .post-thumb a {
    left: 0;
    opacity: 1;
}

.news-large-post.sticky span {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 99;
    background: #38a1f3;
    color: #fff;
    padding: 0 20px;
    border-radius: 3px;
    line-height: 40px;
    font-family: "Atma", sans-serif;
    font-weight: 500;
}

.news-large-post.sticky .post-txt {
    background: #20273f;
}

.news-large-post.sticky .post-txt h3 a {
    color: #fff;
}

.news-large-post.sticky .post-meta i {
    color: #b50202;
}

.news-large-post.sticky p,
.news-large-post.sticky .post-meta li {
    color: #cccccc;
}

.video-thumb a {
    color: #ffcb05;
    font-size: 65px;
    position: absolute;
    left: -100px;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99;
    width: 65px;
    height: 90px;
    margin: auto;
    opacity: 0;
}

.news-large-post:hover .video-thumb a {
    left: 0;
    opacity: 1;
}

.video-thumb a:hover {
    color: #b50202;
}

.news-large-post .owl-nav {
    position: absolute;
    width: 100%;
    top: 45%;
    z-index: 999;
    margin: 0px;
    padding: 0 30px;
}

.news-large-post .owl-carousel .owl-nav button.owl-next,
.news-large-post .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #ffffff;
    opacity: 1;
    text-align: center;
    line-height: 40px;
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.07);
    color: #999999;
}

.news-large-post .owl-carousel .owl-nav button.owl-next {
    float: right;
}

.news-large-post .owl-carousel .owl-nav button.owl-prev {
    float: left;
}

.news-large-post .owl-carousel .owl-nav button.owl-next:after,
.news-large-post .owl-carousel .owl-nav button.owl-prev:after {
    content: "\f060";
    font-weight: 700;
    font-family: "FontAwesome5Free";
    font-size: 14px;
}

.news-large-post .owl-carousel .owl-nav button.owl-next:after {
    content: "\f061";
}

.news-large-post .owl-carousel .owl-nav button.owl-next:hover,
.news-large-post .owl-carousel .owl-nav button.owl-prev:hover {
    background: #b50202;
    color: #fff;
}

.audio-player {
    background: url(../images/audiobg.jpg) no-repeat;
    padding: 40px;
}

.quote-post {
    width: 100%;
    float: left;
    background: #20273f;
    border-radius: 3px;
    padding: 40px;
    margin: 0 0 40px;
    position: relative;
}

.quote-post blockquote {
    margin: 0 0 20px;
    position: relative;
}

.quote-post blockquote p {
    color: #fff;
    font-family: "Atma", sans-serif;
    font-size: 40px;
    font-weight: 300;
    font-style: italic;
    line-height: 50px;
    margin: 0px;
}

.qname {
    color: #ffcb05;
    font-size: 18px;
    position: relative;
    padding-left: 30px;
}

.qname:after {
    position: absolute;
    top: 12px;
    left: 0;
    width: 25px;
    height: 1px;
    background: #636879;
    content: "";
}

.quote-post:after {
    position: absolute;
    content: "\f10d";
    font-weight: 700;
    font-size: 65px;
    font-family: "FontAwesome5Free";
    bottom: 30px;
    right: 30px;
    color: rgba(255, 255, 255, 0.07);
    transform: scale(-1, 1);
}

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

.news-list-post {
    width: 100%;
    float: left;
    background: #fff;
    margin: 0 0 30px;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.news-list-post .post-thumb {
    float: left;
    width: 48%;
    overflow: hidden;
    position: relative;
}

.news-list-post .post-txt {
    float: left;
    width: 52%;
    padding: 20px;
}

.news-list-post .post-txt .post-author {
    margin: 0 0 12px;
    list-style: none;
    padding: 0px;
    width: 100%;
    float: left;
}

.news-list-post .post-txt h4 {
    font-weight: 400;
    margin: 0 0 8px;
    letter-spacing: -1px;
}

.news-list-post .post-txt h4 a {
    color: #222;
}

.news-list-post .post-txt p {
    color: #777777;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 25px;
}

.news-list-post:hover .post-thumb:before,
.news-list-post:hover .post-thumb:after {
    opacity: 1;
    height: 100%;
}

.news-list-post:hover .post-thumb a {
    left: 0;
    opacity: 1;
}

.news-list-post:hover .post-txt h4 a {
    color: #b50202;
}

.news-list-post:hover .post-txt a.rm {
    background: #b50202;
    color: #fff;
    border-color: #b50202;
}

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

.post-txt p strong {
    color: #b50202;
    font-style: italic;
}

.post-txt blockquote {
    width: 90%;
    margin: 30px auto;
    overflow: hidden;
    background: #20273f;
    border-radius: 3px;
    padding: 30px;
    position: relative;
}

.news-large-post .post-txt blockquote p {
    margin: 0px;
    color: #fff;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    font-style: italic;
}

.post-txt blockquote:after {
    position: absolute;
    content: "\f10d";
    font-weight: 700;
    font-size: 45px;
    font-family: "FontAwesome5Free";
    bottom: 20px;
    right: 20px;
    color: rgba(255, 255, 255, 0.07);
    transform: scale(-1, 1);
}

.news-details-wrap .post-txt h4 {
    margin: 0 0 12px;
    font-weight: 400;
}

.post-txt .checklist {
    margin: 0 0 45px;
    padding: 0px;
    list-style: none;
}

.post-txt .checklist li {
    color: #b50202;
    line-height: 26px;
    font-size: 16px;
    font-weight: 700;
}

.post-txt .checklist li i {
    font-size: 12px;
    margin-right: 5px;
}

.small-gallery {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
    clear: both;
}

.small-gallery li {
    width: 33.333333%;
    float: left;
    overflow: hidden;
    padding: 3px;
}

.small-gallery li img {
    border-radius: 3px;
    width: 100%;
    height: auto;
}

.post-tags {
    margin: 0 0 50px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
    clear: both;
}

.post-tags li {
    display: inline-block;
}

.post-tags li a {
    background: #f7f7f7;
    border: 2px solid #e1e1e1;
    line-height: 31px;
    border-radius: 20px;
    padding: 0 10px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #777777;
}

.post-tags li a:hover {
    background: #d32f2f;
    color: #fff;
    border-color: #d32f2f;
}

.post-author-box {
    width: 100%;
    float: left;
    position: relative;
    border-radius: 3px;
    background: #f5f5f5;
    padding: 30px 30px 30px 145px;
    margin: 0 0 50px;
}

.post-author-box img {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.post-author-box h4 {
    font-weight: 400;
    margin: 0 0 10px;
}

.post-author-box p {
    font-size: 14px;
}

.post-bottom {
    width: 100%;
    float: left;
    padding: 0 40px 0;
}

.post-comments {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 55px;
}

.post-comments h3 {
    margin: 0 0 28px;
}

.post-comments {
    width: 100%;
    float: left;
}

ul.comments {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.comments .comment {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    position: relative;
    padding-left: 85px;
}

.user-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.user-thumb img {
    width: 100%;
    height: auto;
    border-radius: 100%;
}

ul.post-time {
    position: absolute;
    right: 0;
    top: 5px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.post-time li {
    float: left;
    margin-left: 10px;
    color: #888888;
    font-size: 14px;
}

ul.post-time a {
    color: #888888;
}

ul.post-time a i {
    color: #d32f2f;
    font-size: 12px;
}

.user-comments {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 21px;
}

.user-comments h6 {
    margin-bottom: 10px;
}

.user-comments p {
    font-size: 14px;
    line-height: 24px;
    margin: 0px;
    color: #777777;
}

.child-comments {
    width: 100%;
    float: left;
    margin: 25px 0 0;
    list-style: none;
    padding: 0px;
}

ul.comments .comment:last-child,
.child-comments li.comment:last-child {
    margin: 0px;
}

.clinks,
.clinks a {
    color: #919da6;
}

.child-comments .user-comments {
    padding-right: 20px;
}

.aname {
    display: inline-block;
}

span.ctime {
    font-size: 12px;
    color: #919da6;
}

ul.rep-comments {
    width: 85%;
    background: #fff;
    border-radius: 5px;
    float: left;
    padding: 0px;
    list-style: none;
    margin: 20px 0 0 68px;
    padding: 20px;
}

.post-comments-form {
    width: 100%;
    float: left;
    margin: 0 0 50px;
}

.post-comments-form h3 {
    margin: 0 0 25px;
}

.post-comments-form ul {
    margin: 0 -10px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.post-comments-form ul li.half-col {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.post-comments-form ul li.full-col {
    width: 100%;
    float: left;
    padding: 0 10px;
}

.post-comments-form textarea,
.post-comments-form input[type="text"] {
    height: 53px;
    line-height: 49px;
    border: 2px solid #e1e1e1;
    padding: 0 10px;
    border-radius: 3px;
    width: 100%;
    font-size: 16px;
    color: #666666;
    margin: 0 0 20px;
    font-family: "Atma", sans-serif;
}

.post-comments-form textarea {
    height: 130px;
    line-height: 24px;
    padding: 10px;
}

.post-comments-form input[type="submit"] {
    float: right;
    background: #b50202;
    border: 0px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.post-comments-form input[type="submit"]:hover {
    background: #20273f;
    color: #fff;
}

.side-banners img,
.slogos img,
.adbanners img {
    max-width: 100%;
    height: auto;
}

/******************** |== News / Blog Pages End == | ********************/

/******************** |== Match Details Start == | ********************/

.match-header {
    background: url(../images/match-detailsbg.jpg) no-repeat;
    padding: 60px 0 0;
    position: relative;
    background-size: cover;
}

.match-header h5 {
    color: #ffcb05;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.match-header p {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    margin: 0px;
}

.match-header .teamz {
    margin: 35px auto;
    padding: 0;
    width: 75%;
    clear: both;
    list-style: none;
    overflow: hidden;
}

.match-header .teamz li {
    padding: 0 15px;
}

.match-header .teamz li.mt-left {
    float: left;
    width: 37%;
    vertical-align: middle;
}

.match-header .teamz li.mt-left strong,
.match-header .teamz li.mt-right strong {
    color: #fff;
    font-weight: 400;
    font-size: 28px;
    font-family: "Atma", sans-serif;
    float: right;
    line-height: 80px;
    margin-right: 20px;
    letter-spacing: -1px;
}

.match-header .teamz li.mt-left img {
    float: right;
}

.match-header .teamz li.mt-right strong {
    margin: 0 0 0 20px;
}

.match-header .teamz li.mt-right strong {
    float: left;
}

.match-header .teamz li.mt-right img {
    float: left;
}

.match-header .teamz li.mt-right {
    float: right;
    width: 37%;
}

.match-header .mt-center-score {
    float: left;
    width: 26%;
    position: relative;
}

.match-header .mt-center-score:after {
    width: 14px;
    height: 4px;
    margin: auto;
    left: 0;
    top: -20px;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    background: #ffcb05;
}

.score-left {
    float: left;
}

.score-right {
    float: right;
}

.score-left span,
.score-right span {
    display: block;
    width: 55px;
    height: 60px;
    text-align: center;
    background: #bd1a33;
    border-radius: 5px;
    color: #dddddd;
    line-height: 60px;
    font-size: 36px;
    font-weight: 700;
    font-family: "Atma", sans-serif;
    margin: 0 0 5px;
}

.score-left strong,
.score-right strong {
    font-family: "Atma", sans-serif;
    font-weight: 400;
    color: #ffcb05;
    width: 55px;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.match-score {
    margin: 0 0 34px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.match-score li {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.match-header .match-score li.text-left p,
.match-header .match-score li.text-right p {
    text-align: right;
    font-family: "Atma", sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.match-header .match-score li.text-left p {
    text-align: left;
}

.match-header .match-score li p span {
    color: #b50202;
}

.match-header .match-score li p i {
    color: #ffcb05;
    font-size: 14px;
}

.m-date-loc {
    width: 100%;
    float: left;
    list-style: none;
    text-align: center;
    position: relative;
    z-index: 99;
    margin: 0px;
    padding: 0px;
    background: rgba(255, 203, 5, 0.2);
}

.m-date-loc li {
    display: inline-block;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}

.m-date-loc li i {
    color: #ffcb05;
    margin-right: 5px;
}

.m-date-loc li.pipeline {
    color: #ffcb05;
}

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

.game-statistics {
    margin: 0 0 40px;
}

.game-statistics h4 {
    color: #fff;
    background: #20273f;
    line-height: 53px;
    font-weight: 400;
    text-align: center;
    border-radius: 3px 3px 0 0;
}

.match-results-table table,
.game-statistics table {
    border: 0px;
    width: 100%;
}

.game-statistics td {
    border: 1px solid #e1e1e1;
    line-height: 40px;
    text-align: center;
    color: #b50202;
    font-weight: 500;
    font-size: 14px;
    padding: 0 10px;
}

.game-statistics td strong {
    color: #777;
}

.game-statistics tr:nth-child(even) {
    background: #f0f0f0;
}

.game-statistics tr:nth-child(odd) {
    background: #fff;
}

.game-statistics tr:nth-child(odd):hover {
    background: #d6d6d6;
}

.game-statistics tr:nth-child(even):hover {
    background: #f7f7f7;
}

.match-results-table {
    margin-bottom: 30px;
}

.match-results-table h4 {
    color: #fff;
    background: #20273f;
    line-height: 53px;
    font-weight: 400;
    text-align: left;
    border-radius: 3px 3px 0 0;
    padding: 0 30px;
}

.match-results-table td {
    border: 1px solid #e1e1e1;
    line-height: 44px;
    text-align: left;
    color: #777777;
    font-weight: 700;
    font-size: 14px;
    padding: 0 15px;
    background: #fff;
}

.match-results-table thead tr {
    background: #b50202;
}

.match-results-table thead tr td {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Atma", sans-serif;
    font-size: 16px;
    line-height: 42px;
    padding: 0 10px;
    background: #b50202;
    border-top: 0px;
}

.match-results-table thead tr td:first-child,
.match-results-table thead tr td:last-child {
    border: 0px;
}

.team-one-scrore {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    background: #fff;
}

.team-one-scrore h4 {
    color: #fff;
    background: #20273f;
    line-height: 53px;
    font-weight: 400;
    text-align: left;
    border-radius: 3px 3px 0 0;
    padding: 0 30px;
}

.team-one-scrore h4 span {
    color: #ffcb05;
}

.team-one-scrore ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
    border: 1px solid #e1e1e1;
    border-radius: 0 0 3px 3px;
}

.team-one-scrore ul li {
    width: 25%;
    float: left;
    padding: 40px 20px;
    text-align: center;
}

.team-one-scrore ul li strong {
    font-weight: 400;
    font-family: "Atma", sans-serif;
}

.team-one-scrore.team-two {
    margin: 0 0 50px;
}

.team-one-scrore.team-two .progress-circle.over50 .first50-bar {
    background: #349cee;
}

.team-one-scrore.team-two .value-bar {
    border: 0.45em solid #349cee;
}

/**********  Progress Circle Start ************/

.progress-circle {
    font-size: 20px;
    margin: 0 auto 12px;
    position: relative;
    /* so that children can be absolutely positioned */
    padding: 0;
    width: 108px;
    height: 108px;
    background-color: #e4e4e4;
    border-radius: 50%;
    line-height: 5em;
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 92px;
    height: 92px;
    background-color: white;
    content: " ";
}

.progress-circle span {
    position: absolute;
    line-height: 108px;
    width: 108px;
    text-align: center;
    display: block;
    color: #2a4076;
    z-index: 2;
    font-family: "Atma", sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.left-half-clipper {
    /* a round circle */
    border-radius: 50%;
    width: 108px;
    height: 108px;
    position: absolute;
    /* needed for clipping */
    clip: rect(0, 5em, 5em, 2.5em);
    /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto);
}

.value-bar {
    position: absolute;
    /*needed for clipping*/
    clip: rect(0, 2.5em, 108px, 0);
    width: 108px;
    height: 108px;
    border-radius: 50%;
    border: 0.45em solid #a29160;
    /*The border is 0.35 but making it larger removes visual artifacts */
    box-sizing: border-box;
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    /*needed for clipping*/
    clip: rect(0, 108px, 108px, 2.5em);
    background-color: #a29160;
    border-radius: 50%;
    width: 108px;
    height: 108px;
}

.progress-circle:not(.over50) .first50-bar {
    display: none;
}

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
    display: none;
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
    transform: rotate(360deg);
}

/**********  Progress Circle End ************/

.match-image-collection,
.watchvideohighlights {
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 0 50px;
}

.match-image-collection h4,
.watchvideohighlights h4 {
    color: #fff;
    background: #20273f;
    line-height: 53px;
    font-weight: 400;
    text-align: left;
    border-radius: 3px 3px 0 0;
    padding: 0 30px;
}

.video-img {
    position: relative;
}

.video-img a {
    position: absolute;
    width: 65px;
    height: 85px;
    margin: auto;
    left: -100px;
    right: 0;
    bottom: 0;
    top: 0;
    color: #ffcb05;
    font-size: 65px;
    opacity: 0;
}

.video-img a:hover {
    color: #fff;
}

.watchvideohighlights:hover .video-img a {
    opacity: 1;
    left: 0;
}

.match-players {
    width: 100%;
    float: left;
}

.match-players h4 {
    background: #38a1f3;
    color: #fff;
    line-height: 53px;
    font-weight: 400;
    padding: 0 20px;
    border-radius: 3px 3px 0 0;
}

.team-palyers {
    width: 100%;
    float: left;
    margin: 0 0 50px;
}

.team-palyers table {
    width: 100%;
    border: 1px solid #e1e1e1;
}

.team-palyers table td {
    line-height: 53px;
    padding: 0 10px;
    border-bottom: 1px solid #e1e1e1;
}

.team-palyers table td:first-child {
    border-right: 1px solid #e1e1e1;
    text-align: center;
    color: #777777;
    font-size: 14px;
}

.team-palyers table tr:nth-child(even) {
    background: #f0f0f0;
}

.team-palyers table tr:nth-child(odd) {
    background: #fff;
}

.team-palyers strong {
    color: #222222;
    font-weight: 700;
    font-size: 14px;
}

.team-palyers span {
    color: #b50202;
    font-weight: 700;
    font-size: 12px;
    font-style: italic;
}

.team-palyers i {
    font-size: 12px;
}

.team-palyers .fa-square {
    color: #ffcb27;
}

.team-palyers .fa-futbol {
    color: #38a1f3;
}

.team-palyers.c2 h4 {
    background: #a39261;
}

.team-palyers.c2 .fa-futbol {
    color: #a39261;
}

/******************** |== Match Details End == | ********************/

/******************** |== Home One Sports News Start == | ********************/
.next-match {
    background: url(../images/hnewbg.jpg) no-repeat;
    background-size: cover;
}

.sports-news {
    background: url(../images/hnewbg.jpg) no-repeat;
    background-size: cover;
}

.sports-news .news-list-post {
    margin: 0 0 30px;
}

.sports-news .news-list-post .post-txt {
    /* padding: 30px; */
    /* width: 52%; */
}

.sports-news .news-list-post .post-thumb {
    /* width: 48%; */
}

.sports-news .news-box {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.sports-news .news-meta li {
    font-size: 14px;
}

.sports-news .news-box .news-txt {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
}

.post-author li.share {
    float: right;
    border: 1px solid #e2e2e2;
    width: 26px;
    height: 26px;
    line-height: 24px;
    color: #bbbbbb;
    border-radius: 100%;
    font-size: 12px;
    margin-left: 10px;
    padding: 0 0 0 4px;
}

.news-list-post:hover .post-author li.share {
    border-color: #b50202;
    color: #b50202;
}

.sports-news .news-box img {
    width: 100%;
    height: auto;
}

.news-box .news-caption .post-author li img {
    width: 30px;
    height: 30px;
}

/******************** |== Home One Sports News End == | ********************/

/******************** |== Contact Pages Start == | ********************/

.google-map {
    width: 100%;
    float: left;
    position: relative;
}

.google-map:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    box-shadow: 0 0 22px rgba(232, 31, 62, 0.13) inset;
}

.google-map iframe {
    width: 100%;
    height: 420px;
    border: 0px;
    position: relative;
}

.contact-two h2,
.contact h2 {
    margin: 0 0 17px;
}

.contact-form .form-row {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.contact-form .form-row .half-col {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.contact-form .form-row .full-col {
    width: 100%;
    float: left;
    padding: 0 10px;
}

.contact-form .form-control {
    height: 53px;
    border-radius: 3px;
    border: 3px solid #e1e1e1;
    line-height: 47;
    padding: 0 20px;
    font-family: "Atma", sans-serif;
    margin: 0 0 10px;
}

.contact-form textarea.form-control {
    height: 180px;
    vertical-align: text-top;
    line-height: 24px;
    padding: 20px;
}

.contact-form button {
    width: 100%;
    background: #b50202;
    color: #fff;
    border: 0px;
    border-radius: 3px;
    height: 53px;
    line-height: 53px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

.contact-form button:hover {
    background: #212529;
    color: #fff;
}

.contact-box {
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
}

.contact-box p {
    margin: 0px;
    font-size: 16px;
    color: #777777;
    line-height: 26px;
}

.contact-box h5 {
    font-size: 20px;
    font-weight: 500;
    color: #b50202;
    margin: 0 0 10px;
}

.contact-box:hover {
    background: #f7f7f7;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-two .contact-box {
    text-align: center;
    padding: 50px;
}

.contact-two .contact-box img {
    margin: 0 0 20px;
}

/******************** |== Contact Pages End == | ********************/

/******************** |== Page 404 Start == | ********************/

.page-404 {
    background: url(../images/p404bg.jpg) no-repeat;
    width: 100%;
    height: 100vh;
    position: relative;
    text-align: center;
}

.page-404 .p404-wrap {
    width: 40%;
    margin: 0 auto;
    overflow: hidden;
    padding: 10% 0 0;
}

.p404-wrap h1 {
    font-size: 220px;
    font-weight: 600;
    color: #b50202;
    font-family: "Open Sans", sans-serif;
}

.p404-wrap h2 {
    font-size: 32px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.p404-wrap h2 em {
    display: block;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 15px;
}

.p404-wrap p {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 30px;
}

.search-form {
    position: relative;
    overflow: hidden;
    border: 2px solid #e1e1e1;
    border-radius: 3px;
    margin: 0 0 30px;
}

.search-form .form-control {
    height: 53px;
    font-family: "Atma", sans-serif;
    padding: 0 20px;
    font-size: 18px;
    line-height: 49px;
    border: 0px;
    border-radius: 0px;
}

.search-form button {
    background: #b50202;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 53px;
    border: 0px;
    padding: 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
}

.b2home {
    display: inline-block;
    color: #fff;
    background: #b50202;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.b2home:hover {
    background: #171e36;
    color: #fff;
    text-decoration: none;
}

.error-page-404 .p404-wrap {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

.error-page-404 .p404-wrap p,
.error-page-404 .p404-wrap h2 em {
    color: #222222;
}

.p404-wrap h2 {
    color: #222222;
}

.page-404 .p404-wrap h2 {
    color: #fff;
}

/******************** |== Page 404 End == | ********************/

/******************** |== Upcoming Match Start == | ********************/

.match-header.upcoming-match {
    padding: 80px 0 0;
}

.match-header.upcoming-match .teamz {
    margin: 20px auto 80px;
    width: 100%;
}

.match-header.upcoming-match .mt-center-score {
    text-align: center;
}

.match-header.upcoming-match .mt-center-score:after {
    display: none;
}

.match-header.upcoming-match .mt-center-score span.vs {
    width: 50px;
    height: 30px;
    background: #b50202;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    line-height: 30px;
    border-radius: 30px;
    font-weight: 700;
}

.up-match-meta {
    margin: 17px 0 0;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.match-header.upcoming-match .up-match-meta li {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    padding: 0px;
}

.up-match-meta li i {
    color: #ffcb05;
    margin: 0 5px 0 0;
}

.up-match-meta li:first-child:after {
    content: "|";
    color: #fff;
    padding: 0 15px;
}

.match-header.upcoming-match .teamz li.mt-left,
.match-header.upcoming-match .mt-center-score,
.match-header.upcoming-match .teamz li.mt-right {
    width: 33.333333%;
}

.match-counter {
    background: rgba(232, 31, 62, 0.2);
    width: 100%;
    float: left;
}

.match-counter .defaultCountdown {
    padding: 0 100px;
}

.match-counter .countdown-section {
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px 0;
}

.match-counter .countdown-section:last-child {
    border: 0px;
}

.match-counter .countdown-section .countdown-amount {
    font-size: 30px;
    color: #fff;
    font-family: "Atma", sans-serif;
    display: block;
}

.match-counter .countdown-section .countdown-period {
    font-size: 14px;
    color: #fff;
    font-family: "Atma", sans-serif;
    display: block;
    text-transform: uppercase;
}

.match-teams h2 {
    margin: 0 0 21px;
    font-weight: 700;
}

.team-two .player-box {
    background: #0c1121;
}

.team-grid .team-main-title,
.player-squad .team-main-title {
    margin: 0 0 20px;
}

.team-four .player-box {
    margin: 0 0 52px;
}

.team-four .team-grid {
    margin: 0 0 22px;
}

.p80-p50 {
    padding: 80px 0 50px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

/******************** |== Upcoming Match End == | ********************/

/******************** |== Home Page 3 Start == | ********************/

.h3-fixtures {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fff;
}

.h3-fixtures .next-match-fixtures.light {
    border: 0px solid #e1e1e1;
    background: #fff;
    margin: 0px;
}

.h3-fixtures .next-match-fixtures.light:hover {
    box-shadow: none;
}

.h3-fixtures .next-match-fixtures.light .nmf-loc {
    border-bottom: 1px solid #e1e1e1;
}

.h3-fixtures .next-match-fixtures.light:last-child .nmf-loc {
    border-bottom: none;
}

.h3-next-match .nms-box {
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    box-shadow: none;
    margin: 0;
}

.h3-next-match .next-match-box .team-logo-left strong,
.h3-next-match .next-match-box .team-logo-right strong {
    display: inline-block;
}

.h3-next-match .next-match-box .team-logo-left,
.h3-next-match .next-match-box .team-logo-right {
    padding: 80px 0 0;
}

.h3-next-match .next-match-box h4 {
    background: #b50202;
    color: #fff;
    text-align: left;
    line-height: 58px;
    font-size: 24px;
    font-weight: 400;
    padding-left: 25px;
}

.h3-next-match .next-match-box {
    border: 0px;
    margin: 0px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.next-match-fixtures .nmf-loc li:hover {
    background: #b50202;
    color: #fff;
}

.next-match-fixtures.light .nmf-loc li:hover a,
.next-match-fixtures.light .nmf-loc li:hover i,
.next-match-fixtures.light .nmf-loc li:hover a i,
.next-match-fixtures .nmf-loc li:hover a {
    color: #fff;
}

.mt-m90 {
    margin-top: -90px;
}

.mt-90 {
    margin-top: 90px;
}

#newsupdate-slider .hnews-box {
    width: 100%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: none;
    margin: 0px;
}

#newsupdate-slider .hnews-box .hnews-txt {
    border: 1px solid #e1e1e1;
}

#newsupdate-slider .hnews-box .hnews-txt ul.news-meta {
    margin-bottom: 7px;
}

#newsupdate-slider .hnews-box .rm {
    margin: 0px;
}

#newsupdate-slider .hnews-box .hnews-txt {
    padding: 23px 30px 25px;
}

#newsupdate-slider .hnews-box .hnews-txt h4 {
    font-weight: 400;
    margin: 0 0 12px;
}

.news-updates {
    position: relative;
}

.news-updates .owl-dots {
    position: absolute;
    top: -48px;
    right: 38px;
}

.news-updates .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 4px;
    background: #cccccc;
}

.news-updates .owl-theme .owl-dots .owl-dot.active span,
.news-updates .owl-theme .owl-dots .owl-dot:hover span {
    background: #b50202;
}

.news-updates .owl-theme .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    margin: 0;
    width: 100px;
}

.news-updates .owl-theme .owl-nav button {
    margin: 0px;
}

.news-updates .owl-theme .owl-nav button.owl-prev {
    float: left;
}

.news-updates .owl-theme .owl-nav button.owl-next {
    float: right;
}

.news-updates .owl-theme .owl-nav button:hover {
    background: none;
}

.news-updates .owl-theme .owl-nav button span {
    font-size: 0px;
}

.news-updates .owl-theme .owl-nav button.owl-next:after,
.news-updates .owl-theme .owl-nav button.owl-prev:after {
    font-family: FontAwesome5Free;
    font-weight: 700;
    content: "\f060";
    font-size: 14px;
    color: #b50202;
}

.news-updates .owl-theme .owl-nav button.owl-next:after {
    content: "\f061";
}

.teams-video {
    background: url(../images/bg/VIDEOS-HIGHLIGHTS.jpg) no-repeat;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.teams-video::before {
    content: url(../images/bg/upcome-left.png);
    position: absolute;
    bottom: 0;
}

.teams-video::after {
    content: url(../images/bg/upcome-right.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

.teams-video .container {
    position: relative;
    z-index: 99;
}

/* .teams-video:before {
    width: 0;
    height: 0;
    border-top: 700px solid #b41f3c;
    border-left: 510px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.6;
} */
.teams-video .point-table-widget {
    border: 0px;
}

.h3-videos h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    margin: 0 0 55px;
}

.h3-videos blockquote {
    color: #fff;
    position: relative;
    font-size: 20px;
    font-style: italic;
    padding: 0 70px;
    line-height: 28px;
    margin: 0 0 70px;
}

.h3-videos blockquote:after {
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/quoteicon.png);
    width: 37px;
    height: 35px;
    content: "";
}

.fvideo-box:hover a.picon {
    background: #b50202;
    color: #fff;
}

.fvideo-box:hover .fvid-cap h5 a {
    color: #b50202;
}

.fvid-cap a.picon {
    float: left;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    background: rgba(232, 31, 62, 0.5);
}

.h3-section-title {
    margin: 0 0 30px;
}

.h3-section-title strong {
    display: block;
    text-transform: uppercase;
    color: #b50202;
    font-size: 16px;
}

.h3-section-title h2 {
    font-size: 40px;
    color: #222222;
    margin: 0px;
}

ul.gallery-row {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.gallery-row li.gall-cal {
    width: 33.3333%;
    float: left;
    position: relative;
}

.mgall-box {
    position: relative;
    overflow: hidden;
}

.mgall-box img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.mgall-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    padding: 20px;
}

.mgall-caption span {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(232, 31, 62, 0.7);
    width: 55px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.mgall-caption a {
    position: absolute;
    left: 0;
    right: -80%;
    opacity: 0;
    bottom: 0;
    top: 0;
    content: "";
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin: auto;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    font-size: 14px;
}

.mgall-caption a:hover {
    background: #b50202;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.1);
}

.mgall-caption h4 {
    position: absolute;
    left: -100%;
    bottom: 15px;
    color: #fff;
    opacity: 0;
}

.mgall-box:after {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(33, 40, 66, 0.9);
    width: 100%;
    height: 0;
    content: "";
    opacity: 0;
}

.mgall-box:hover:after {
    height: 100%;
    opacity: 1;
}

.mgall-box:hover .mgall-caption h4 {
    opacity: 1;
    left: 15px;
}

.mgall-box:hover .mgall-caption a {
    right: 0;
    opacity: 1;
}

.h3-twitter {
    width: 100%;
    float: left;
    padding: 0 0 75px;
}

.h3-tweets {
    text-align: center;
    padding: 0 100px;
}

.h3-tweets .tw-icon {
    color: #d8d8d8;
    font-size: 36px;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
}

.h3-tweets h4 {
    color: #b50202;
    font-weight: 400;
}

.h3-tweets strong {
    color: #212840;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin: 0 0 20px;
}

.h3-tweets p {
    color: #666666;
    font-size: 18px;
    font-style: italic;
    margin: 0px;
}

.h3-twitter .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 2px 5px;
    background: #cccccc;
    display: block;
}

.h3-twitter .owl-theme .owl-dots .owl-dot.active span,
.h3-twitter .owl-theme .owl-dots .owl-dot:hover span {
    background: #b50202;
}

.gray-bg {
    background: #f7f7f7;
}

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

.h3-team {
    padding: 80px 0;
    background: url(../images/h3teambg.jpg) no-repeat;
}

.lp-box {
    width: 100%;
    float: left;
}

.lp-box .lp-name {
    background: #fff;
    width: 90%;
    margin: -30px auto 0;
    min-height: 80px;
    text-align: center;
    position: relative;
    z-index: 999;
    padding: 20px 0;
    box-shadow: 1px 6px 36px rgba(0, 0, 0, 0.12);
}

.lp-box .lp-name:after {
    width: 1px;
    height: 31px;
    background: #b50202;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    content: "";
}

.lp-box .lp-name h4 {
    font-weight: 400;
}

.lp-box .lp-name h4 a {
    color: #222222;
}

.lp-box .lp-name strong {
    display: block;
    color: #b50202;
    font-size: 14px;
    font-weight: 400;
}

.lp-box .vp {
    width: 120px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100px;
    top: 0;
    margin: auto;
    border: 2px solid rgba(255, 255, 255, 0.2);
    line-height: 31px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    z-index: 99;
    opacity: 0;
}

.lp-box .vp:hover {
    background: #b50202;
    color: #fff;
    border-color: #b50202;
}

.lp-thumb {
    position: relative;
    overflow: hidden;
}

.lp-thumb img {
    width: 100%;
    height: auto;
}

.lp-thumb:after {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: rgba(33, 40, 64, 0.8);
    opacity: 0;
}

.lp-social {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.lp-social li {
    display: inline-block;
    margin: 0 2px;
}

.lp-social a {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}

.lp-social a.fb {
    background: #3b5998;
}

.lp-social a.tw {
    background: #00aced;
}

.lp-social a.pin {
    background: #cb2027;
}

.lp-social a.insta {
    background: #8e48c2;
}

.lp-social a:hover {
    background: #b50202;
    color: #fff;
}

.lp-box:hover .lp-thumb:after {
    height: 100%;
    opacity: 1;
}

.lp-box:hover .vp {
    bottom: 0px;
    opacity: 1;
}

.lp-box:hover .lp-name {
    background: #b50202;
}

.lp-box:hover .lp-name h4 a {
    color: #fff;
}

.lp-box:hover .lp-name strong {
    color: #fff;
}

.h3-team div#nav-tab {
    float: right;
    margin-top: 40px;
}

.h3-team .nav-link {
    border: 1px solid #cccccc;
    text-transform: uppercase;
    color: #212840;
    line-height: 27px;
    padding: 0 20px;
    font-size: 12px;
    border-radius: 3px;
    margin: 0 5px;
}

.h3-team .nav-item.nav-link.active,
.h3-team .nav-link:hover {
    background: #b50202;
    color: #fff;
    border-color: #b50202;
}

.featured-news .news-list-post .post-txt {
    padding: 30px;
}

.trending-news .news-box .news-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    width: 100%;
    z-index: 99;
    height: auto;
}

.trending-news .news-box .news-caption h4 {
    font-size: 20px;
    font-weight: 700;
}

.trending-news .news-meta li {
    font-size: 14px;
}

.trending-news .news-box {
    margin: 0 0 30px;
}

.trending-news-list {
    width: 100%;
    float: left;
}

.trending-news-list .list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.trending-news-list .list .list-box {
    background: #fff;
    margin: 0 0 20px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    border-radius: 5px;
}

.list-box h5 {
    font-size: 20px;
    margin: 0 0 10px;
}

.list-box h5 a {
    color: #222;
}

.list-box:hover h5 a {
    color: #b50202;
}

.list-box:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.h3-match-counter {
    width: 100%;
    float: left;
    background: #0c1121;
    padding: 30px 0 25px;
    position: relative;
}

.h3-match-counter .hide {
    background: #b50202;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0px;
    cursor: pointer;
    font-size: 14px;
    z-index: 999;
}

.h3-match-counter ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
    display: flex;
}

.h3-match-counter .team-right,
.h3-match-counter .team-left {
    text-align: center;
}

.h3-match-counter .team-right strong,
.h3-match-counter .team-left strong {
    display: block;
    font-size: 14px;
    color: #b50202;
    margin: 5px 0 0;
    font-family: "Atma", sans-serif;
}

.mdate-time {
    color: #7c859a;
    font-size: 16px;
    margin: 12px 0 0 55px;
}

.mdate-time strong {
    display: block;
    color: #b50202;
    font-weight: 400;
}

.match-loc i {
    color: #b50202;
    margin-right: 5px;
}

.match-loc {
    color: #7c859a;
    font-size: 16px;
    margin: 14px 0 0;
    text-align: center;
}

.h3-match-counter .defaultCountdown {
    margin-top: 15px;
}

.h3-match-counter .countdown-amount {
    color: #fff;
    font-family: "Atma", sans-serif;
    font-size: 36px;
    line-height: 30px;
}

.h3-match-counter .countdown-period {
    color: #7c859a;
    font-family: "Atma", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.h3-match-counter .countdown-section {
    position: relative;
}

.h3-match-counter .countdown-section:after {
    content: " : ";
    color: #7c859a;
    font-size: 30px;
    position: absolute;
    right: -5px;
    top: 0;
}

.h3-match-counter .countdown-section:last-child:after {
    display: none;
}

.list-box-expand {
    position: relative;
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 97px;
    margin-bottom: 20px;
    overflow: hidden;
}

.list-box-expand .news-caption {
    position: absolute;
    padding: 20px;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
}

.list-box-expand .news-caption h4 {
    font-size: 20px;
    margin: 0 0 10px;
}

.list-box-expand .news-caption h4 a {
    color: #222;
}

.list-box-expand .expand-news-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.list-box-expand .expand-news-img:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.9) 90%,
            rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
}

.list-box-expand .expand-news-img img {
    width: 100%;
    height: auto;
}

.list-box-expand:hover,
.list-box-expand.active {
    height: 209px;
    border: 1px solid rgba(0, 0, 0, 0);
    background: none;
}

.list-box-expand.active .expand-news-img,
.list-box-expand:hover .expand-news-img {
    height: 209px;
    opacity: 1;
    visibility: visible;
}

.list-box-expand.active .news-meta li,
.list-box-expand.active .news-caption h4 a,
.list-box-expand:hover .news-meta li,
.list-box-expand:hover .news-caption h4 a {
    color: #fff;
}

.list-box-expand .news-caption h4 a:hover {
    color: #b50202;
}

/***************  Footer Start   ***************/

.footer-three {
    width: 100%;
    float: left;
    background: url(../images/h3footerbg.jpg) no-repeat;
    background-size: cover;
}

.footer-three .partner-logos {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(230, 230, 230, 0.08);
    margin: 0px;
    padding: 30px 0;
    list-style: none;
}

.footer-three .partner-logos ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
}

.footer-three .partner-logos li {
    text-align: center;
    border-right: 1px solid rgba(230, 230, 230, 0.08);
}

.footer-three .partner-logos li:last-child {
    border: 0px;
}

.footer-widgets {
    width: 100%;
    float: left;
}

.footer-three .footer-widget h4 {
    color: #000;
    margin: 0 0 20px;
}

.footer-three .footer-widget h4:before,
.footer-three .footer-widget h4:after {
    display: none;
}

.contact-widget ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.contact-widget ul li {
    padding: 0 0 0 25px;
    position: relative;
    color: #999da9;
    font-size: 14px;
    margin: 0 0 15px;
}

.contact-widget li i {
    color: #b50202;
    position: absolute;
    left: 0;
    top: 5px;
}

.contact-widget ul li:last-child {
    margin: 0px;
}

.footer-widget .quick-links {
    margin: 0px;
    text-align: left;
}

.footer-widget .quick-links li {
    padding: 0px;
    margin: 0px;
    display: block;
}

.footer-widget .quick-links a {
    color: #999da9;
    font-family: "Atma", sans-serif;
    font-size: 15px;
    text-transform: inherit;
    display: block;
    line-height: 30px;
}

.footer-widget .quick-links a i {
    color: #b50202;
    font-size: 13px;
    margin-right: 5px;
}

.footer-widget .quick-links a:hover {
    color: #fff;
}

.footer-three .footer-widget p {
    color: #999da9;
}

.br-right {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding-right: 35px;
}

.footer-widget .read-about {
    background: #33394e;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 33px;
    padding: 0 15px;
}

.footer-widget .read-about:hover {
    background: #b50202;
    color: #fff;
}

.f-newsletter {
    background: #161c2e;
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    float: left;
    display: flex;
}

.f-newsletter ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}

.f-newsletter .input-group {
    background: none;
    margin: 0px;
    padding: 0px;
    border: 1px solid #222839;
    position: relative;
    height: 56px;
    border-radius: 3px;
}

.f-newsletter .input-group .form-control {
    background: none;
    border: 0px;
    color: #fff;
    padding: 0 0 0 50px;
}

.f-newsletter .input-group i {
    position: absolute;
    left: 20px;
    top: 18px;
    color: #656d81;
}

.f-newsletter button {
    width: 100%;
    height: 56px;
    border: 0;
    border-radius: 5px;
    background: #b50202;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

.f-newsletter button:hover {
    background: #33394e;
    color: #fff;
}

.footer-bottom {
    padding: 40px 0;
}

.footer-social {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer-social li {
    display: inline-block;
    margin-right: 20px;
}

.footer-social li a {
    color: #33394e;
    font-size: 18px;
}

.footer-social li a:hover {
    color: #b50202;
}

.flogo {
    text-align: center;
}

p.cr {
    color: #7c859a;
    font-size: 16px;
    font-family: "Atma", sans-serif;
}

p.cr a {
    color: #b50202;
}

/***************  Footer End   ***************/

/******************** |== Home Page 3 End == | ********************/

/******************** |== Home Page 4 End == | ********************/

.home-blue h1,
.home-blue h2,
.home-blue h3,
.home-blue h4,
.home-blue h5,
.home-blue h6 {
    font-family: "Montserrat", sans-serif;
}

.home-blue li,
.home-blue span,
.home-blue strong,
.home-blue p,
.home-blue th,
.home-blue td {
    font-family: "Poppins", sans-serif;
}

.home-blue .main-header .topbar {
    background: #444b8c;
}

.home-blue .main-header .logo-navbar {
    background-color: #282881;
}

.home-blue .topsocial a {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.4);
}

.home-blue .logo-navbar .nav-item>a {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
}

.home-blue .logo-navbar .nav-item>a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #fd1e50;
}

.home-blue .logo-navbar .nav-item>a:after {
    background: #fd1e50;
}

.home-blue .logo-navbar .nav-item.buy-ticket a {
    border-radius: 20px;
}

.home-blue .main-nav .drop-down ul a {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05px;
}

.slide-content-box strong {
    font-size: 30px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.slide-content-box strong span {
    color: #fd1e50;
    font-weight: 700;
}

.home-blue .slide-content-box h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 90px;
    margin: 0px;
}

.home-blue .rev_slider_wrapper a {
    display: inline-block;
    background: rgba(253, 30, 80, 0.5);
    border-radius: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    padding: 12px 30px;
    text-transform: uppercase;
    margin-right: 20px;
}

.home-blue .rev_slider_wrapper a:hover {
    background: rgba(253, 30, 80, 1);
}

/*************  Slider News Start  *************/

.main-slider-news {
    width: 100%;
    float: left;
    position: relative;
    margin-top: -110px;
    height: 110px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#282881+1,282881+30,282881+50,282881+70,282881+100&0+1,1+30,1+50,1+70,0+100 */
    background: -moz-linear-gradient(left,
            rgba(40, 40, 129, 0) 1%,
            rgba(40, 40, 129, 1) 30%,
            rgba(40, 40, 129, 1) 50%,
            rgba(40, 40, 129, 1) 70%,
            rgba(40, 40, 129, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,
            rgba(40, 40, 129, 0) 1%,
            rgba(40, 40, 129, 1) 30%,
            rgba(40, 40, 129, 1) 50%,
            rgba(40, 40, 129, 1) 70%,
            rgba(40, 40, 129, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            rgba(40, 40, 129, 0) 1%,
            rgba(40, 40, 129, 1) 30%,
            rgba(40, 40, 129, 1) 50%,
            rgba(40, 40, 129, 1) 70%,
            rgba(40, 40, 129, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282881', endColorstr='#00282881', GradientType=1);
    /* IE6-9 */
}

.ms-news {
    width: 100%;
    float: left;
    position: relative;
}

.ms-news:after {
    position: absolute;
    left: -15px;
    bottom: -19px;
    width: 105%;
    height: 0;
    opacity: 0;
    content: "";
    background: #d2205a;
}

.ms-news-thumb {
    float: left;
    width: 115px;
    margin-right: 15px;
    position: relative;
    z-index: 99;
}

.ms-news-thumb img {
    margin-top: -20px;
    border-radius: 3px;
    width: 100%;
    height: auto;
}

.ms-news-txt {
    padding-top: 18px;
    position: relative;
    z-index: 99;
}

.ms-news-txt span {
    color: #fd1e50;
    display: block;
    margin: 0 0 5px;
}

.ms-news-txt h5 a {
    color: #fff;
}

.ms-news:hover:after {
    height: 110px;
    opacity: 1;
}

.ms-news:hover span {
    color: #fff;
}

/*************  Slider News End  *************/

/*************  H4 News Style Start  *************/

.h4-news-style-1 {
    background: url(../images/newsbg.png) no-repeat left top;
}

body .h4-stitle {
    position: relative;
    font-size: 36px;
    color: #282881;
    font-weight: 800;
    padding-left: 70px;
    line-height: 27px;
    margin: 0 0 40px;
}

.h4-stitle:after {
    position: absolute;
    left: 0;
    top: -2px;
    background: url(../images/ticon.png);
    width: 60px;
    height: 31px;
    content: "";
}

.h4-news-box {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.h4-news-box .news-date {}

.h4-news-box .vthumb:after {
    background: -moz-linear-gradient(top,
            rgba(8, 10, 79, 0) 0%,
            rgba(8, 10, 79, 1) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(8, 10, 79, 0) 0%,
            rgba(8, 10, 79, 1) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(8, 10, 79, 0) 0%,
            rgba(8, 10, 79, 1) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00080a4f', endColorstr='#080a4f', GradientType=0);
    /* IE6-9 */
}

.h4-news-box .news-date {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 20px 0 20px 65px;
}

.h4-news-box .news-date strong {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    position: absolute;
    left: 15px;
    top: 10px;
}

.h4-news-box .news-date span {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    line-height: 16px;
}

.h4-news-box .news-txt {
    overflow: hidden;
    width: 100%;
    padding: 30px;
}

.h4-news-box .news-txt h4 {
    font-weight: 700;
    margin: 0 0 10px;
}

.h4-news-box .news-txt h4 a {
    color: #282881;
}

.h4-news-box .news-txt p {
    color: #666666;
    font-size: 14px;
    line-height: 22px;
}

.h4-news-box:hover .nd-btn {
    color: #fff;
    background: #fd1e50;
}

.h4-news-box:hover .news-txt h4 a {
    color: #fd1e50;
}

.h4-news-box:hover .vthumb:after {
    height: 100%;
}

.nd-btn {
    border: 1px solid #fd1e50;
    color: #fd1e50;
    line-height: 37px;
    padding: 0 20px;
    display: inline-block;
    border-radius: 20px;
}

.nd-btn i {
    margin-left: 10px;
}

.mb-30 {
    margin-bottom: 30px;
}

.h4-news-box.full .vthumb {
    width: 49%;
}

.h4-news-box.full .news-txt {
    width: 51%;
    float: left;
    padding: 26px;
}

.upcoming-live {
    width: 100%;
    float: left;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}

.upcoming-live h5 {
    font-size: 20px;
    color: #282881;
    line-height: 60px;
    padding: 0 30px;
    background: #fff;
}

.upcoming-live h5 i {
    float: right;
    line-height: 60px;
    color: #fd1e50;
    font-size: 14px;
}

.mdt-loc {
    clear: both;
    padding: 20px 30px;
    position: relative;
}

.mdt-loc p {
    color: #666666;
    font-size: 14px;
    margin: 0 0 10px;
}

.mdt-loc p.mdt-lc {
    color: #fd1e50;
    margin: 0;
}

.mdt-loc:after {
    content: " + ";
    font-weight: 700;
    position: absolute;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    color: #fd1e50;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
}

.upcoming-live .match-time {
    width: 100%;
    float: left;
    position: relative;
    background: #b93c6b;
    overflow: hidden;
    padding: 30px 30px 23px;
}

.upcoming-live .match-time:after {
    position: absolute;
    right: -24px;
    top: 0;
    width: 57%;
    height: 100%;
    background: #444b8c;
    content: "";
    transform: skew(-12deg);
}

.upcoming-live .match-time ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    z-index: 99;
}

.upcoming-live .match-time ul li {
    float: left;
    width: 33.3333%;
    text-align: center;
}

.upcoming-live .match-time strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 0;
}

.upcoming-live span.t2s,
.upcoming-live span.t1s {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: #fd1e50;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 24px;
    margin: 0 17px 0 0;
    position: relative;
}

.upcoming-live span.t1s:after {
    content: " : ";
    position: absolute;
    right: -14px;
}

.upcoming-live span.t2s {
    background: #282881;
    margin: 0px;
}

.upcoming-live span.vs {
    background: url(../images/vs.png) no-repeat;
    width: 44px;
    height: 29px;
    display: inline-block;
    margin-top: 20px;
    line-height: 29px;
    font-weight: 500;
}

.upcoming-live .p5 {
    padding-top: 15px;
}

.home-blue .point-table-widget table thead {
    background: #282881;
}

.home-blue .point-table-widget table thead tr th {
    font-weight: 400;
}

.home-blue .point-table-widget table tbody tr td {
    padding: 10px;
}

.home-blue .point-table-widget table tbody tr td strong {
    font-weight: 600;
}

.home-blue .point-table-widget table tbody tr td:last-child strong {
    color: #fd1e50;
}

.home-blue .point-table-widget table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.home-blue .point-table-widget table tbody tr:nth-child(even) {
    background-color: #f1f3fb;
}

.share-widget {
    background: #fff;
    width: 100%;
    float: left;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    margin-top: 35px;
    padding: 30px 20px;
    text-align: center;
    border-radius: 5px;
}

.share-widget ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.share-widget ul li {
    display: inline-block;
    margin: 0 10px;
}

.share-widget ul li a {
    display: block;
    width: 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    overflow: hidden;
}

.share-widget ul li a span.sw {
    display: block;
    position: relative;
    background: #282881;
    height: 40px;
    line-height: 40px;
    color: #fff;
}

.share-widget ul li a .sw:after {
    position: absolute;
    content: "\f0d8";
    font-family: "FontAwesome5Free";
    font-weight: 900;
    left: 0;
    bottom: -18px;
    right: 0;
}

.share-widget ul li a strong {
    display: block;
    line-height: 30px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
}

.share-widget ul li a .sw.facebook {
    background: #3b5998;
}

.share-widget ul li a .sw.twitter {
    background: #1da1f2;
}

.share-widget ul li a .sw.pinterest {
    background: #e60023;
}

.share-widget ul li a .sw.linkedin {
    background: #0077b5;
}

.share-widget ul li a:hover strong {
    color: #282881;
}

/**************  Match Highlights  *************/

.match-highlights {
    background: url(../images/h4lvbg.jpg) no-repeat top left;
    padding: 80px 0;
    background-color: #282881;
}

.h4-stitle.white {
    color: #fff;
}

.h4-stitle.white:after {
    background: url(../images/ticonw.png);
}

.mh-video-news .vid-thumb {
    border-radius: 5px;
}

.mh-video-news .vid-thumb .vcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    padding: 30px;
}

.side-video .vpost .vthumb .play,
.mh-video-news .vid-thumb .play {
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    z-index: 99;
    background: -moz-linear-gradient(left,
            rgba(253, 30, 80, 0.7) 20%,
            rgba(40, 40, 129, 0.7) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,
            rgba(253, 30, 80, 0.7) 20%,
            rgba(40, 40, 129, 0.7) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            rgba(253, 30, 80, 0.7) 20%,
            rgba(40, 40, 129, 0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3fd1e50', endColorstr='#b3282881', GradientType=1);
    /* IE6-9 */
}

.mh-video-news .vid-thumb .play img {
    width: auto;
    height: auto;
}

.mh-video-news .vid-thumb:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    content: "";
    background: -moz-linear-gradient(top,
            rgba(8, 10, 79, 0) 0%,
            rgba(8, 10, 79, 1) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(8, 10, 79, 0) 0%,
            rgba(8, 10, 79, 1) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(8, 10, 79, 0) 0%,
            rgba(8, 10, 79, 1) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00080a4f', endColorstr='#080a4f', GradientType=0);
    /* IE6-9 */
}

.mh-video-news .news-date {
    padding: 20px 0 15px 50px;
    position: relative;
}

.mh-video-news .news-date strong {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    top: 10px;
}

.mh-video-news .news-date span {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    line-height: 16px;
}

.mh-video-news h4 a {
    color: #fff;
}

.side-video ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.side-video .vpost {
    width: 100%;
    float: left;
    padding: 10px;
    background: #04064d;
    position: relative;
    overflow: hidden;
}

.side-video .vpost:after {
    background: #fd1e50;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 0%;
    opacity: 0;
}

.side-video .vpost:hover:after {
    opacity: 1;
    height: 100%;
}

.side-video .vpost:first-child {
    border-radius: 5px 5px 0 0;
}

.side-video .vpost .vthumb {
    width: 90px;
    z-index: 99;
}

.side-video .vpost .vthumb:after {
    display: none;
}

.side-video .vpost .vtxt {
    padding: 10px 0 0 20px;
    overflow: hidden;
    position: relative;
    z-index: 99;
}

.side-video .vpost .vtxt h6 {
    margin: 0 0 10px;
}

.side-video .vpost .vtxt h6 a {
    color: #fff;
}

.side-video .vpost .vtxt span.pdate {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.side-video .vpost .vthumb .play {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.side-video .vpost .vthumb .play img {
    width: 15px;
    height: auto;
}

.side-video .vthumb .play:after {
    display: none;
}

.side-video .more {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 57px;
    font-weight: 700;
    border-radius: 0 0 5px 5px;
    background: rgb(40, 40, 129);
    /* Old browsers */
    background: -moz-linear-gradient(top,
            rgba(40, 40, 129, 1) 0%,
            rgba(4, 6, 77, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(40, 40, 129, 1) 0%,
            rgba(4, 6, 77, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(40, 40, 129, 1) 0%,
            rgba(4, 6, 77, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282881', endColorstr='#04064d', GradientType=0);
    /* IE6-9 */
}

/*************  H4 News Style End  *************/

/*************  Most Viewed Start  *************/

.most-viewed {
    width: 100%;
    float: left;
    background: url(../images/newsbg.png) no-repeat top left;
    padding: 80px 0;
}

.mv-post {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.mv-thumb {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.mv-thumb img {
    width: 100%;
    height: auto;
}

.user-date {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 32px;
    z-index: 99;
    width: 100%;
    background: -moz-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(8, 10, 79, 0.9) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(8, 10, 79, 0.9) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(40, 40, 129, 0) 0%,
            rgba(8, 10, 79, 0.9) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282881', endColorstr='#e6080a4f', GradientType=0);
    /* IE6-9 */
}

.user-date i {
    color: #fd1e50;
    margin-right: 5px;
}

.mv-thumb .user-date img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 2px solid #fff;
    float: left;
    margin-right: 10px;
}

.mv-txt {
    width: 100%;
    float: left;
    padding: 20px;
}

.mv-txt h5 {
    font-size: 20px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -0.5px;
}

.mv-txt h5 a {
    color: #282881;
}

.mv-post:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}

.mv-post:hover .mv-txt h5 a {
    color: #fd1e50;
}

.mv-post:hover .mv-thumb img {
    transform: scale(1.05, 1.05);
}

/*************  Most Viewed End  *************/

.h4-player-squad {
    width: 100%;
    float: left;
    background: url(../images/teambg.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.h4-player-squad .player-box {
    background: url(../images/psbg.jpg) no-repeat;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}

.h4-player-squad .player-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: -moz-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(8, 10, 79, 0.9) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(8, 10, 79, 0.9) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(40, 40, 129, 0) 0%,
            rgba(8, 10, 79, 0.9) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282881', endColorstr='#e6080a4f', GradientType=0);
    /* IE6-9 */
}

.h4-player-squad .player-box .pnum {
    font-family: "Poppins", sans-serif;
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    line-height: 30px;
}

.tp-info {
    position: absolute;
    left: 0;
    bottom: -70px;
    width: 100%;
    padding: 20px;
    background: rgba(255, 255, 255, 0);
    z-index: 99;
}

.tp-info .prank {
    display: inline-block;
    line-height: 30px;
    padding: 0 20px;
    margin-bottom: 10px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    background: rgb(252, 30, 81);
    /* Old browsers */
    background: -moz-linear-gradient(left,
            rgba(252, 30, 81, 1) 0%,
            rgba(40, 40, 129, 1) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left,
            rgba(252, 30, 81, 1) 0%,
            rgba(40, 40, 129, 1) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,
            rgba(252, 30, 81, 1) 0%,
            rgba(40, 40, 129, 1) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc1e51', endColorstr='#282881', GradientType=1);
    /* IE6-9 */
}

.tp-info h4 a {
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.tp-info p {
    font-size: 14px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    letter-spacing: -0.4px;
}

.tp-info ul {
    margin: 0px;
    padding: 0;
    list-style: none;
    opacity: 0;
}

.tp-info ul li {
    float: left;
    color: #666666;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    width: 33.3333%;
    border-right: 1px solid #ccc;
}

.tp-info ul li:last-child {
    border: 0px;
}

.tp-info ul li strong {
    display: block;
    color: #fd1e50;
    font-size: 24px;
    font-weight: 700;
}

.h4-player-squad .player-box:hover .tp-info {
    background: #fff;
    bottom: 0px;
}

.h4-player-squad .player-box:hover .tp-info p {
    color: #666666;
}

.h4-player-squad .player-box:hover .tp-info h4 a {
    color: #282881;
}

.h4-player-squad .player-box:hover .tp-info ul {
    opacity: 1;
}

.h4-player-squad .player-squad .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
}

.h4-player-squad .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}

.h4-player-squad .owl-theme .owl-dots .owl-dot.active span,
.h4-player-squad .owl-theme .owl-dots .owl-dot:hover span {
    background: #fd1e50;
}

/**************  Social Media Wall  ****************/

.social-media-wall {
    background: #fcfcfc;
}

.social-media-wall ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.social-media-wall ul li {
    width: 25%;
    float: left;
    height: 230px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.social-media-wall .tw-post {
    background: #55acef;
    padding: 25px;
    text-align: center;
}

.social-media-wall .tw-post i {
    color: rgba(255, 255, 255, 0.23);
    font-size: 30px;
    display: block;
}

.social-media-wall .tw-post h5 {
    color: #fff;
    margin: 10px 0 3px;
    font-weight: 600;
}

.social-media-wall .tw-post strong {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin: 0 0 10px;
}

.social-media-wall .tw-post p {
    font-size: 18px;
    color: #fff;
    font-style: italic;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
}

.social-media-wall .insta-post img {
    width: 100%;
    height: auto;
}

.fb-txt-post .post-icon,
.fb-img-post .post-icon,
.insta-post .post-icon {
    position: absolute;
    right: 20px;
    width: 38px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    top: 0;
    z-index: 99;
    font-size: 18px;
    border-radius: 0 0 15px 15px;
    background: -moz-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(253, 30, 80, 0.65) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(253, 30, 80, 0.65) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(40, 40, 129, 0) 0%,
            rgba(253, 30, 80, 0.65) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282881', endColorstr='#a6fd1e50', GradientType=0);
    /* IE6-9 */
}

.fb-txt-post .post-icon,
.fb-img-post .post-icon {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#282881+0,3a559f+50&0+0,0.7+50 */
    background: -moz-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(58, 85, 159, 0.7) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(40, 40, 129, 0) 0%,
            rgba(58, 85, 159, 0.7) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(40, 40, 129, 0) 0%,
            rgba(58, 85, 159, 0.7) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282881', endColorstr='#b33a559f', GradientType=0);
    /* IE6-9 */
}

.fb-img-post:after,
.insta-post:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 30%;
    background: -moz-linear-gradient(top,
            rgba(125, 185, 232, 0) 0%,
            rgba(8, 10, 79, 0.7) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(125, 185, 232, 0) 0%,
            rgba(8, 10, 79, 0.7) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(125, 185, 232, 0) 0%,
            rgba(8, 10, 79, 0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#b3080a4f', GradientType=0);
    /* IE6-9 */
}

.fb-img-post .time-like,
.insta-post .time-like {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    padding: 15px;
}

.fb-img-post .time-like strong,
.insta-post .time-like strong {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.fb-txt-post {
    padding: 60px 30px 0;
}

.fb-txt-post p {
    font-size: 14px;
    word-break: break-all;
    margin: 0 0 10px;
}

.fb-txt-post p a {
    color: #629fca;
}

.fb-post-footer {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    font-size: 14px;
    color: #222222;
}

.fb-post-footer span {
    color: #fd1e50;
}

.fb-post-footer strong {
    color: #999999;
    font-weight: 400;
}

.fb-post-footer img {
    margin-right: 10px;
}

.insta-post:hover img {
    transform: scale(1.07, 1.07);
}

/***************  Products Start  ******************/

.h4-products {
    background: url(../images/mhbg2.png) no-repeat top left #fff;
}

.h4-probox {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    float: left;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.h4-probox .pro-thumb {
    width: 100%;
    float: left;
    padding: 30px;
    text-align: center;
}

.h4-probox .pro-thumb img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.h4-probox .pro-txt {
    padding: 20px 30px 30px;
}

.h4-probox .pro-txt h4 {
    font-weight: 700;
    font-size: 22px;
}

.h4-probox .pro-txt h4 a {
    color: #282881;
}

.h4-probox .pro-txt .price {
    margin: 0 0 10px;
}

.h4-probox .pro-txt .price ins {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    margin-right: 7px;
}

.h4-probox .pro-txt .price del {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #999999;
    font-family: "Montserrat", sans-serif;
    margin: 0;
}

.h4-probox .cart-btn {
    background: #fff;
    display: inline-block;
    position: relative;
    line-height: 36px;
    border-radius: 20px;
    padding: 0 60px 0 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    color: #888888;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    overflow: hidden;
}

.h4-probox .cart-btn span {
    position: relative;
    z-index: 99;
}

.h4-probox .cart-btn i {
    background: #fd1e50;
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    color: #fff;
    z-index: 99;
}

.h4-probox .cart-btn:after {
    position: absolute;
    left: 0;
    top: 0;
    background: #fd1e50;
    content: "";
    width: 0;
    opacity: 0;
    height: 100%;
}

.h4-probox:hover .cart-btn:after {
    width: 100%;
    opacity: 1;
}

.h4-probox:hover .cart-btn i {
    background: #282881;
    color: #fff;
}

.h4-probox:hover .cart-btn {
    color: #fff;
}

.h4-probox:hover .pro-txt h4 a {
    color: #fd1e50;
}

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

.video-call2-action {
    background: url(../images/video-logos.jpg) no-repeat;
    width: 100%;
    float: left;
    position: relative;
}

.video-call2-action .partner-logos {
    width: 100%;
    float: left;
    background: rgba(253, 30, 80, 0.3);
}

.video-call2-action .partner-logos ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: 100%;
}

.video-action {
    padding: 120px 0;
}

.video-action .container {
    position: relative;
    padding-left: 110px;
}

.video-action a {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top,
            rgba(40, 40, 129, 0.85) 0%,
            rgba(253, 30, 80, 0.85) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(40, 40, 129, 0.85) 0%,
            rgba(253, 30, 80, 0.85) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(40, 40, 129, 0.85) 0%,
            rgba(253, 30, 80, 0.85) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9282881', endColorstr='#d9fd1e50', GradientType=0);
    /* IE6-9 */
}

.video-action h2 {
    color: #fff;
}

.video-action h2 span {
    color: #fd1e50;
}

.video-call2-action .partner-logos a {
    display: block;
    text-align: center;
    padding: 20px 0;
}

/****************  Footer  ***************/

.main-footer.h4-footer {
    background: url(../images/h4footerbg.jpg) no-repeat;
    background-size: cover;
}

.main-footer.h4-footer .footer-widget p {
    color: #bbbbe2;
}

.main-footer.h4-footer .about-widget ul.footer-social li a i {
    display: block;
    color: #bbbbe2;
}

.main-footer.h4-footer .about-widget ul.footer-social li {
    padding: 0px;
    margin: 0 30px 0 0;
}

.main-footer.h4-footer .about-widget ul.footer-social li a:hover i {
    color: #fd1e50;
}

.main-footer.h4-footer .footer-widget h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.main-footer.h4-footer .footer-widget h4:after,
.main-footer.h4-footer .footer-widget h4:before {
    display: none;
}

.main-footer.h4-footer .footer-widget .quick-links a {
    color: #bbbbe2;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: inherit;
    display: block;
    line-height: 30px;
}

.main-footer.h4-footer .footer-widget .quick-links a:hover {
    color: #fd1e50;
}

.main-footer.h4-footer .contact-widget ul li {
    color: #bbbbe2;
}

.contact-newsletter {
    width: 100%;
    background: #fff;
    position: relative;
    border-radius: 25px;
    height: 50px;
}

.contact-newsletter input {
    border: 0px;
    background: none;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.contact-newsletter button {
    position: absolute;
    right: 0;
    top: 0;
    background: #fd1e50;
    color: #fff;
    font-size: 16px;
    border: 0;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 99;
    cursor: pointer;
}

.contact-newsletter button:hover {
    background: #2a2a82;
    color: #fff;
}

.h4-footer .quick-links li a,
.h4-footer .copyr {
    color: #bbbbe2;
    text-transform: inherit;
}

.h4-footer .brtop {
    border-top: 1px dotted #bbbbe2;
}

.h4-footer .quick-links li a:hover {
    color: #fd1e50;
}

.h3-match-gallery img {
    width: 100%;
    height: auto;
}

.footer-three .partner-logos img {
    max-width: 100%;
    height: auto;
}

/******************** |== Home Page 4 End == | ********************/

.hvideo-box {
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
    background: #000000;
}

.hvideo-box img {
    opacity: 0.8;
}

.hvideo-box .vtime {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 99;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    font-weight: 600;
    padding: 0 15px;
    border-radius: 15px 0 0 15px;
    background: rgb(53, 61, 84);
    /* Old browsers */
    background: -moz-linear-gradient(top,
            rgba(53, 61, 84, 1) 0%,
            rgba(24, 31, 55, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(53, 61, 84, 1) 0%,
            rgba(24, 31, 55, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(53, 61, 84, 1) 0%,
            rgba(24, 31, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353d54', endColorstr='#181f37', GradientType=0);
    /* IE6-9 */
}

.gthumb:after,
.hvideo-box:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: "";
    background: -moz-linear-gradient(top,
            rgba(24, 31, 55, 0) 0%,
            rgba(23, 30, 54, 0.85) 70%,
            rgba(23, 30, 54, 0.85) 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(24, 31, 55, 0) 0%,
            rgba(23, 30, 54, 0.85) 70%,
            rgba(23, 30, 54, 0.85) 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(24, 31, 55, 0) 0%,
            rgba(23, 30, 54, 0.85) 70%,
            rgba(23, 30, 54, 0.85) 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00181f37', endColorstr='#d9171e36', GradientType=0);
    /* IE6-9 */
}

.hv-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 20px;
}

.hv-info .play {
    width: 46px;
    height: 46px;
    display: inline-block;
    background: #cb112e;
    text-align: center;
    line-height: 46px;
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    position: relative;
    float: left;
    margin-right: 20px;
}

.hv-info .play:after {
    content: "";
    width: 56px;
    height: 56px;
    border: 1px solid #cb112e;
    position: absolute;
    left: -5px;
    top: -5px;
    border-radius: 100%;
    background: rgba(213, 22, 51, 0.3);
    z-index: -1;
}

.hv-info h4 {
    font-weight: 500;
}

.hv-info h4 a {
    color: #fff;
}

.hvideo-box:hover .hv-info .play {
    background: #fd1e50;
}

.hvideo-box:hover img {
    transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
}

.hvideo-box:hover:after {
    height: 100%;
}

.videonews {
    border-top: 1px solid #c8c8c8;
    padding-top: 80px;
    margin-top: 50px;
}

.videonews .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 3px;
    margin: 5px;
    background: #cccccc;
    margin-bottom: 0;
}

.videonews .owl-theme .owl-dots .owl-dot.active span,
.videonews .owl-theme .owl-dots .owl-dot:hover span {
    background: #fd1e50;
}

#filters {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: right;
}

#filters li {
    display: inline-block;
    margin-right: 5px;
}

.players-squad .gallery {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    float: left;
    min-height: 243px;
}

.players-squad .gallery li {
    width: 25%;
    float: left;
}

.gthumb {
    width: 100%;
    float: left;
}

.gthumb img {
    width: 100%;
    height: auto;
}

.gthumb .gt-link {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    background: rgba(232, 31, 62, 0.7);
}

.gthumb .gt-link:hover {
    background: #b50202;
    color: #fff;
}

.gthumb.active,
.gthumb:hover {
    transform: scale(1.09, 1.09);
    -webkit-transform: scale(1.09, 1.09);
    position: relative;
    z-index: 99;
}

.gthumb h6 a {
    color: #fff;
    font-weight: 500;
}

.gthumb .hv-info .play:after {
    display: none;
}

.gthumb .hv-info .play {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    line-height: 44px;
}

#filters .button {
    background: #fff;
    border: 0px;
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 16px;
    color: #222222;
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    margin-right: 10px;
    font-family: "Atma", sans-serif;
}

#filters button.button.is-checked,
#filters .button:hover {
    color: #fff;
}

.live-show {
    border: 1px solid #b50202;
    color: #b50202;
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 16px;
    font-family: "Atma", sans-serif;
}

.live-show:hover {
    background: #b50202;
    color: #fff;
}

.live-show i {
    font-size: 10px;
    margin-right: 5px;
}

.shop-products,
.players-squad.portfolio {
    background: #fcfcfc;
}

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

.sidebar {
    width: 100%;
    float: left;
    background: #fff;
    padding: 25px;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

.sidebar .widget:last-child {
    margin: 0 0 20px;
}

.sidebar .last-match-widget .match-teams-vs li.team-logo {
    width: 80px;
}

.sidebar .last-match-widget .defaultCountdown {
    width: 100%;
    margin: 0px;
}

/*********************************
Search Overlay End
*********************************/
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    z-index: 99999999;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

.search-overlay-form {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60%;
    height: 60px;
    margin: auto;
}

#search input[type="search"] {
    width: 100%;
    line-height: 60px;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    border-bottom: 1px solid #ccc;
    outline: none;
}

#search .btn {
    position: absolute;
    background: #fd1e50;
    color: #fff;
    border: 0px;
    right: 0;
    top: 5px;
    width: 50px;
    height: 50px;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #fd1e50;
    border-color: #fd1e50;
    opacity: 1;
    padding: 9px 13px 10px;
    font-size: 27px;
    line-height: 18px;
}

/*********************************
Search Overlay End
*********************************/

/********** |== Animation Transition  == | **********/
#filters .button,
.live-show,
.gthumb a,
.gthumb,
.hvideo-box img,
.hvideo-box:after,
.hv-info h4 a,
.hv-info .play,
.hv-info .play:after,
.contact-newsletter button,
.main-footer.h4-footer .footer-widget .quick-links a,
.main-footer.h4-footer .about-widget ul.footer-social li a i,
.h4-probox .pro-txt h4 a,
.h4-probox .cart-btn i,
.h4-probox .cart-btn:after,
.social-media-wall .insta-post img,
.owl-dot span,
.tp-info ul,
.tp-info,
.tp-info p,
.tp-info h4 a,
.mv-post,
.mv-txt h5 a,
.mv-thumb img,
.side-video .vpost:after,
.share-widget ul li a strong,
.nd-btn,
.h4-news-box .vthumb:after,
.h4-news-box .news-txt h4 a,
.ms-news-txt span,
.ms-news,
.ms-news:after,
.home-blue .rev_slider_wrapper a,
.footer-social li a,
.f-newsletter button,
.footer-widget .read-about,
.list-box-expand .news-caption h4 a,
.list-box-expand .expand-news-img,
.list-box-expand,
.list-box,
.list-box h5 a,
.h3-team .nav-link,
.lp-name h4 a,
.lp-name h4 strong,
.lp-social a,
.lp-box .lp-name,
.lp-thumb:after,
.lp-box .vp,
.h3-twitter .owl-theme .owl-dots .owl-dot span,
.mgall-box:after,
.mgall-caption h4,
.mgall-caption a,
.fvid-cap a.picon,
.fvid-cap h5 a,
.next-match-fixtures .nmf-loc li,
.nmf-loc lia i,
.rev_slider_wrapper a,
.main-header.header-scrolled,
.toplinks .search-btn a,
.b2home,
.contact-box,
.contact-form button,
.post-author li.share,
.video-img a,
.game-statistics tr:nth-child(even),
.game-statistics tr:nth-child(odd),
.vthumb:after,
.vthumb a.play span,
.vthumb a.after,
.vthumb img,
.post-comments-form input[type="submit"],
.post-tags li a,
.post-txt h4 a,
a.rm,
.news-list-post .post-txt h4 a,
.news-large-post .owl-carousel .owl-nav button.owl-next,
.news-large-post .owl-carousel .owl-nav button.owl-prev,
.video-thumb a,
.video-thumb:before,
.video-thumb:after,
.post-thumb a,
.news-large-post,
.news-large-post .post-txt a.rm,
.news-large-post .post-txt h3 a,
.post-thumb:before,
.post-thumb:after,
.ng-txt h4 a,
.ng-txt a.rm,
.comment-form .post-btn,
.product-tabs .nav-tabs .nav-link,
.radio-boxes input[type="radio"].css-radio+label.css-label,
.shop-images ul li a,
.social-media .social:after,
.career-facts table tbody tr,
.hlg-thumb:after,
.hlg-thumb img,
.gal-thumb a,
.gal-thumb:before,
.gal-thumb:after,
.last-match-result-full-light,
.last-match .match-info a,
.pro-list-box .pro-thumb:after,
.pro-list-box,
.pro-txt h3 a,
.pro-list-box,
.next-match-fixtures.light,
.nms-box,
.nms-info a,
.lmr-info a.mh,
.match-sponsors li img,
.buyticket-btn a,
.num,
.num:after,
.product-slider .owl-theme .owl-nav [class*="owl-"],
.gt-pagination .page-link,
.shop-filter ul li a,
.gt-breadcrumbs ul li a,
.slogos a,
.form-control,
.prodcut-slider .owl-carousel .owl-nav button.owl-next,
.prodcut-slider .owl-carousel .owl-nav button.owl-prev,
.pro-box .a2cart,
.news-box-normal .newsp-txt h4 a,
.news-box-normal .newsp-txt h4 a,
.ts-cap,
.star-tag,
.team-squad-box a.follow,
.match-result-tabs .nav-tabs .nav-link,
.story-row h5 a,
.tsw-meta li a,
.thumb a,
.hnews-box .hnews-txt h4 a,
.thumb:after,
.thumb img,
.news-box .news-caption h5 a,
.news-box .news-caption h4 a,
.pro-box .pro-thumb:after,
.pro-box .pro-thumb img,
.newsletter input,
.tweet-box,
.pro-thumb a,
.quick-links a,
.copyr a,
.footer-links li a,
.newsletter button:after,
.tweet-box .tshare,
.tweets-banner .tbanner a,
.sponsor-logos a,
.pro-txt a.add2cart,
.pro-box,
.player-txt h3,
.player-txt a.playerbio,
.player-txt strong.player-desi,
a.full-team,
.player-txt a.follow,
.gallery-thumb a,
.gallery-thumb:after,
.gallery-thumb img,
.vn-txt h4 a,
.play,
.play span,
.play:after,
.news-Media-gallery .news-meta li a,
.news-Media-gallery .nav-tabs .nav-item .nav-link,
.next-match-fixtures .nmf-loc li a,
.point-table-widget table tbody tr,
.buy-ticket a,
.slidetab-box:after,
.slidetab-box h6 a,
.slidetab-box span,
.logo-navbar .nav-item.buy-ticket a,
.logo-navbar .nav-item a,
.logo-navbar .nav-item a:after,
.topsocial a {
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.font {
    font-family: "Atma", sans-serif;
    font-family: "Open Sans", sans-serif;
    font-family: "Montserrat", sans-serif;
    font-family: "Poppins", sans-serif;
}

/* Photo Gallery Carousel Style ................................................ */

.top-content.photo_gallery {
    background: url(../images/bg/PHOTO-GALLERY.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    width: 100%;
    position: relative;
    padding-bottom: 80px;
}

.top-content.photo_gallery::before {
    content: url(../images/bg/PHOTO-GALLERY-left.png);
    position: absolute;
    top: 0;
}

.top-content.photo_gallery::after {
    content: url(../images/bg/PHOTO-GALLERY-right.png);
    position: absolute;
    right: 0;
    bottom: 0;
}

h2.text-center.photo_gallery_heading {
    font-size: 40px;
    margin-top: 60px;
    margin-bottom: 50px;
    z-index: 10;
}

.performer_team_img {
    text-align: center;
}

.performer_team_img img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.batter_box_row {
    padding-left: 170px;
}

.player_best_batter {
    padding-right: 20px;
}

.best_batter_box {
    position: relative;
}

.player-thumb-box_batter {
    float: left;
    position: absolute;
    left: 0;
    z-index: 999999;
    bottom: 0;
}

.box_player_txt_batter {
    font-size: 2rem;
}

.box_player_txt_batter h3 {
    color: #ffd217;
    font-size: 1.2rem;
    line-height: 0;
    margin-top: 22px;
    margin-left: 90px;
}

.box_player_txt_batter span {
    font-family: "Atma", sans-serif;
    color: #ffffff;
    margin-left: 90px;
    font-size: 1.2rem;
    float: left;
    line-height: 3;
}

.match_batter {
    background: #ffd217;
    text-align: right;
    font-family: "Atma";
    color: #310073;
    font-weight: bold;
    padding: 13px 25px 13px 0px;
}

.run_batter {
    background: #310073;
    text-align: right;
    font-family: "Atma";
    color: #ffd217;
    font-weight: bold;
    padding: 13px 25px 13px 0px;
    position: relative;
}

.run_batter img {
    position: absolute;
    right: 117px;
    top: 19px;
}

.rate_batter {
    background: #ffd217;
    text-align: right;
    font-family: "Atma";
    color: #310073;
    font-weight: bold;
    padding: 13px 25px 13px 0px;
}

.wicket_box_row {
    padding-right: 180px;
}

.player_best_wicket {
    padding-left: 20px;
}

.best_wicket_box {
    position: relative;
    z-index: 9999999;
}

.player-thumb-box_wicket {
    position: absolute;
    right: 0;
    z-index: 10;
    bottom: 0;
}

.box_player_txt_wicket {
    font-size: 2rem;
}

.wicket_name {
    text-align: right;
}

.wicket_name h3 {
    color: #ffd217;
    font-size: 1.2rem;
    line-height: 0;
    margin-top: 22px;
    margin-right: 70px;
    text-align: right;
}

.wicket_name span {
    font-family: "Atma", sans-serif;
    color: #ffffff;
    margin-right: 70px;
    font-size: 1.2rem;
    text-align: right;
    line-height: 3;
    float: right;
    display: block;
}

.match_wicket {
    background: #ffd217;
    text-align: left;
    font-family: "Atma";
    color: #310073;
    font-weight: bold;
    padding: 13px 0px 13px 25px;
}

.run_wicket {
    background: #310073;
    text-align: left;
    font-family: "Atma";
    color: #ffd217;
    font-weight: bold;
    padding: 13px 0px 13px 25px;
    position: relative;
}

.run_wicket img {
    position: absolute;
    left: 180px;
    top: 22px;
}

.rate_wicket {
    background: #ffd217;
    text-align: left;
    font-family: "Atma";
    color: #310073;
    font-weight: bold;
    padding: 13px 0px 13px 25px;
}

@media (min-width: 768px) and (max-width: 991px) {

    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) and (max-width: 768px) {

    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    .carousel-inner .active+.carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left+.carousel-item,
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right+.carousel-item,
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* MD */
@media (min-width: 768px) {

    /* show 3rd of 3 item slide */
    .carousel-inner .active+.carousel-item+.carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    /* left or forward direction */
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction */
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

/* LG */
@media (min-width: 991px) {

    /* show 4th item */
    .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
        transition: none;
    }

    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' …3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.leaders-2021 {
    width: 100%;
    height: auto;
    /* box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%); */
    border-radius: 10px;
    overflow: hidden;
    /* background: #fff; */
}

.leaders-2021 {
    transition: 0.3s;
}

.leaders-2021:hover {
    /* background: #000; */
}

.playercard-box {
    min-height: 160px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.leaders-2021 .photos {
    width: 100%;
    /* height: 200px; */
    text-align: center;
    padding-top: 24px;
    position: relative;
    /* -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
    background-image: url(../images/shield_288.png);
    background-size: cover;
}

.leaders-2021 .photos img {
    width: 100%;
    height: 100%;
    display: initial;
}

.leaders-2021 .photos .corner-logo {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 4px;
    top: 5px;
}

.leaders-2021 .photos .corner-logo img {
    width: auto;
    height: 100%;
}

.cap-holder-title {
    background-color: #ff481e;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 0.2rem 0;
    font-weight: 700;
    width: 100%;
}

.playercard-box-inner {
    min-height: 100px;
}

.playercard_bottom {
    transition: 0.3s;
}

.playercard_bottom {
    background: #ffffff;
    width: 100%;
    overflow: hidden;
    border-radius: 0px 0px 10px 10px;
}

.playercard_bottom:hover {
    background: #000;
}

.playercard_bottom:hover p,
.playercard_bottom:hover .name,
.playercard_bottom:hover .numbers {
    color: #ffffff;
}

.leaders-2021 .sirname {
    color: #111;
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
}

.leaders-2021 .name {
    color: #111;
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
}

.leaders-2021 .numbers {
    color: #111;
    font-size: 38px;
    line-height: 30px;
    height: 36px;
    display: block;
    font-weight: 900;
    text-align: center;
}

.leaders-2021 .number-title {
    font-size: 11px;
    letter-spacing: 2px;
    color: #303030;
    opacity: 0.7;
    clear: both;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    height: 30px;
}

.playercard-box a {
    width: 100%;
    pointer-events: none;
}

.leaders-2021 .view-all {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
    color: #111;
    pointer-events: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
}

.leaders-2021:hover .name,
.leaders-2021:hover .numbers,
.leaders-2021:hover .sirname,
.leaders-2021:hover .view-all {
    /* color: #fff; */
}

.green_box {
    /* background: linear-gradient(90deg, rgba(0, 0, 112, 1) 0%, rgba(163, 1, 8, 1) 100%); */
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    color: white;
}

.red_box {
    /* background: linear-gradient(267deg, rgba(0, 0, 112, 1) 0%, rgba(163, 1, 8, 1) 100%); */
    clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);
    color: white;
}

.cap_section {
    background: url(../images/hnewbg.jpg) no-repeat;
    background-size: cover;
}

.cap_section h4,
.cap_section h6 {
    color: black;
    margin-bottom: 12px;
}

.cap_box {
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);
    padding: 66px 140px 0px 120px;
}

.cap_box img {
    position: absolute;
    bottom: 0;
}

.cao_info_table {
    color: #333333;
}

.cao_info_table td {
    border: 0 !important;
}

.cao_info_table tr td:last-child {
    width: 30%;
    text-align: right;
}

.cao_info_table .odd {
    background-color: #eee;
}

.cao_info_table .even {}

.player_img {
    z-index: 999;
}

.cap_img {
    width: 280px;
}

.stm-single-player-vc_stats {
    margin: 0 48px;
}

.clearfix:before {
    display: table;
    content: " ";
}

.stm-single-player-vc_stats>.before_ {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    transform: skew(-10deg);
    overflow: hidden;
}

.stm-single-player-vc_stats>.before_:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -60px;
    left: -135px;
    width: 200px;
    height: 400px;
    background-color: #d2d8e4;
    transform: rotate(-24deg);
}

.stm-single-player-vc_stats>.before_:after {
    content: "";
    display: block;
    position: absolute;
    top: -60px;
    right: -135px;
    width: 200px;
    height: 400px;
    background-color: #d2d8e4;
    transform: rotate(-24deg);
}

.stm-single-player-vc_stats .image {
    position: relative;
    left: 0;
    bottom: 0;
    max-width: none;
    margin: 38px 0 0 70px;
}

.stm-single-player-vc_stats .stm-statistic-meta {
    padding: 0;
    overflow: visible;
}

.stm-single-player-vc_stats .stm-statistic-meta .player-meta-name_number {
    padding: 4px 0 0;
    margin-top: 43px;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}

.stm-single-player-vc_stats .stm-statistic-meta .player-meta-name_number .title {
    display: block;
    overflow: hidden;
    font-weight: 400;
    font-size: 30px;
    border: none;
    margin-bottom: 15px;
    padding-bottom: 10px;
    margin-right: 10px;
    text-transform: none;
    letter-spacing: 0;
}

.stm-single-player-vc_stats .stm-statistic-meta .player-meta-name_number .title a {
    color: #333333;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.stm-custom-row {
    margin-left: -15px;
    margin-right: -15px;
}

.stm-single-player-vc_stats .stm-statistic-meta .col-39 {
    width: 80%;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

.stm-single-player-vc_stats .stm-statistic-meta .stm-quick-sts {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 22px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.stm-single-player-vc_stats .stm-statistic-meta .stm-metric-wrapp {
    display: block;
    overflow: hidden;
    padding-right: 10px;
}

.stm-metric tr td {
    color: #333333;
    font-size: 15px;
    font-weight: normal;
    border: 0;
    padding: 6px 10px;
}

.stm-single-player-vc_stats .stm-statistic-meta .stm-metric-wrapp .stm-metric tr.odd {
    background-color: #eee !important;
}

.stm-single-player-vc_stats .stm-statistic-meta .stm-metric-wrapp .stm-metric tr td:first-child {
    width: 70%;
}

.stm-single-player-vc_stats .stm-statistic-meta .stm-metric-wrapp .stm-metric tr td:last-child {
    width: 30%;
    text-align: right;
}

.player_box_area {
    margin: 0 10px;
}

.player_box1 {
    opacity: 1;
    position: relative;
    margin: 0;
    border-radius: 0;
}

.player_box_area>.before_ {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    transform: skew(-10deg);
    overflow: hidden;
    opacity: 0.2;
}

.player_box_area>.before_:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -60px;
    left: -135px;
    width: 200px;
    height: 400px;
    background-color: #d2d8e4;
    transform: rotate(-24deg);
}

.player_box_area>.before_:after {
    content: "";
    display: block;
    position: absolute;
    top: -60px;
    right: -135px;
    width: 200px;
    height: 400px;
    background-color: #d2d8e4;
    transform: rotate(-24deg);
}

.player_box_area1 {
    margin: 0 10px;
}

.player_box_area1>.before_ {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    transform: skew(-10deg);
    overflow: hidden;
    opacity: 0.2;
}

.player_box_area1>.before_:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -60px;
    left: -135px;
    width: 200px;
    height: 400px;
    background-color: #d2d8e4;
    transform: rotate(-24deg);
}

.player_box_area1>.before_:after {
    content: "";
    display: block;
    position: absolute;
    top: -60px;
    right: -135px;
    width: 200px;
    height: 400px;
    background-color: #d2d8e4;
    transform: rotate(-24deg);
}

.header-text-style {
    background-color: transparent;
    padding: 0 5px;
    color: #fff;
}

h2.text_heading {
    font-size: 40px;
    margin-bottom: 50px;
    position: relative;
}

h2.text_heading::after {
    content: "";
    display: block;
    margin: auto;
    height: 12px;
    width: 100%;
    background: url(../images/bg/D-1.png) repeat center center;
    background-size: contain;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.div_text_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .cap_box {
        padding: 66px 140px 0px 120px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .cap_box {
        padding: 65px 75px 0px 55px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

@media (max-width: 576px) {
    .top-content.photo_gallery {
        background-attachment: fixed;
        background-size: cover;
    }

    h2.text-center.photo_gallery_heading {
        font-size: 27px;
    }

    h2.text_heading {
        font-size: 27px;
    }
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {
    .cap_box {
        padding: 65px 75px 0px 55px;
    }
}

.custom-gallery-css {
    min-height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-gallery-css .box-1 {
    padding-right: 7.5px;
    margin-bottom: 15px;
}

.custom-gallery-css .box-2 {
    padding-left: 7.5px;
}

.custom-gallery-css .box-3 {
    padding-right: 7.5px;
}

.custom-gallery-css .box-4 {
    padding-left: 7.5px;
}

.custom-gallery-css .box-5 {
    padding-right: 7.5px;
    margin-bottom: 15px;
}

.custom-gallery-css .box-6 {
    padding-left: 7.5px;
}

.custom-gallery-css .box-7 {
    padding-right: 7.5px;
}

.custom-gallery-css .box-8 {
    padding-left: 7.5px;
}

.img-area {
    position: relative;
}

.img-area img {}

.left-border {
    height: 100%;
    width: 20px;
    background-color: #ffd217;
    position: absolute;
    top: 0;
}

.right-border {
    height: 100%;
    width: 20px;
    background-color: #ffd217;
    position: absolute;
    top: 0;
    right: 0;
}

.left-img {}

.left-img::before {}

.right-img::after {}

.designBorderLeft {
    background-image: url(../images/bg/PHOTO-G.png);
    background-size: cover;
    background-repeat: repeat-y;
    height: 100%;
    z-index: 5;
    position: absolute;
    left: 17px;
    width: 14px;
}

.designBorderRight {
    background-image: url(../images/bg/PHOTO-G.png);
    background-size: cover;
    background-repeat: repeat-y;
    height: 100%;
    z-index: 5;
    position: absolute;
    right: 21px;
    width: 14px;
}

.bottomRightFlower img {
    position: absolute;
    height: 100%;
    width: 70%;
    right: 0;
    bottom: 0;
}

.bottomLeftFlower img {
    position: absolute;
    height: 100%;
    width: 70%;
    left: 0;
    bottom: 0;
}

.topRightFlower img {
    position: absolute;
    height: 100%;
    width: 70%;
    right: 0;
    top: 0;
}

.topLeftFlower img {
    position: absolute;
    height: 100%;
    width: 70%;
    left: 0;
    top: 0;
}

.gallery_detail .gallery-thumb {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.gallery_detail .gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo_gallery .carousel-item img {
    object-fit: cover;
    width: 100%;
    height: 300px;
}

.bg-img-1 {
    background: url(../images/bg/MEDIA-RELEASE-2.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    position: relative;
}

.bg-img-1::before {
    content: url(../images/bg/VIDEOS-&-HIGHLIGHTS-left.png);
    position: absolute;
    z-index: 100000;
    bottom: 0;
}

.bg-img-1::after {
    content: url(../images/bg/VIDEOS-&-HIGHLIGHTS-right.png);
    position: absolute;
    z-index: 100000;
    bottom: 0;
    right: 0;
}

.bg-img-2 {
    float: left;
    background: url(../images/bg/BG-02.jpg) no-repeat top center;
    background-size: cover;
}

.bg-img-3 {
    background: url(../images/bg/MEDIA-RELEASE-2.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    position: relative;
}

.bg-img-3::before {
    content: url(../images/bg/MEDIA-RELEASE-left.png);
    position: absolute;
    bottom: 0;
}

.bg-img-3::after {
    content: url(../images/bg/MEDIA-RELEASE-right.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

.bg-img-4 {
    float: left;
    background: url(../images/bg/BG-04.jpg) no-repeat top center;
    background-size: cover;
}

.bg-img-5 {
    float: left;
    background: url(../images/bg/BG-05.jpg) no-repeat top center;
    background-size: cover;
}

.bg-img-6 {
    float: left;
    background: url(../images/bg/BG-06.jpg) no-repeat top center;
    background-size: cover;
}

.bg-img-7 {
    float: left;
    background: url(../images/bg/BG-07.jpg) no-repeat top center;
    background-size: cover;
}

.bg-img-8 {
    float: left;
    background: url(../images/bg/BG-08.jpg) no-repeat top center;
    background-size: cover;
}

.bg-img-9 {
    float: left;
    background: url(../images/bg/BG-09.jpg) no-repeat top center;
    background-size: cover;
}

.splash-bg-1 {
    background-image: url(../images/bg/Splash-01.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-2 {
    background-image: url(../images/bg/Splash-02.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-3 {
    background-image: url(../images/bg/Splash-03.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-4 {
    background-image: url(../images/bg/Splash-04.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-5 {
    background-image: url(../images/bg/Splash-05.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-6 {
    background-image: url(../images/bg/Splash-06.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-7 {
    background-image: url(../images/bg/Splash-07.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-8 {
    background-image: url(../images/bg/Splash-08.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-9 {
    background-image: url(../images/bg/Splash-09.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-10 {
    background-image: url(../images/bg/Splash-10.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-11 {
    background-image: url(../images/bg/Splash-11.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-12 {
    background-image: url(../images/bg/Splash-12.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-13 {
    background-image: url(../images/bg/Splash-13.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-14 {
    background-image: url(../images/bg/Splash-14.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-15 {
    background-image: url(../images/bg/Splash-15.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-16 {
    background-image: url(../images/bg/Splash-16.png);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-daraz {
    background-image: url(../images/bg/Daraz-Background.jpg);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-banTech {
    background-image: url(../images/bg/BAN-TECH-Background.jpg);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-aamra {
    background-image: url(../images/bg/Aamra-Background.jpg);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.splash-bg-hungryNaki {
    background-image: url(../images/bg/HungryNaki-Background.jpg);
    width: 100%;
    height: 247px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.photo {
    display: table;
}

.photo a {
    vertical-align: middle;
    display: table-cell;
}

.photo img {
    height: auto;
    width: 50%;
    text-align: center;
}

.news-list-post img {
    object-fit: cover;
    height: 315px;
}

.hnews-box img {
    object-fit: cover;
    height: 190px;
}

.pop-btn {
    position: absolute;
    right: 12px;
    top: -13px;
    color: white;
    opacity: 1;
}

.quck_link {}

.quck_link li {
    width: 100%;
}

.sponsor h4 {
    color: #7a7a7a;
    font-family: Open Sans !important;
    font-size: 12px;
    font-style: normal;
}

.bottom-foot {
    background: url(../images/bg/top-bar.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    height: 26px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

@media (min-width: 1530px) {}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .bottom-foot {
        height: 7px;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .bottom-foot {
        height: 8px;
    }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .bottom-foot {
        height: 10px;
    }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .bottom-foot {
        height: 15px;
    }
}

@media (min-width: 1540px) and (max-width: 1920px) {
    .main-header .topbar {
        height: 39px;
    }

    .performer_team_img {
        text-align: center;
    }

    .performer_team_img img {
        width: 80%;
    }

    .player_best_batter {
        padding-right: 20px;
    }

    .best_batter_box {
        position: relative;
    }

    .player-thumb-box_batter {
        float: left;
        position: absolute;
        left: 0;
        z-index: 10;
    }

    .box_player_txt_batter {
        font-size: 2.8rem;
    }

    .box_player_txt_batter h3 {
        color: #ffd217;
        font-size: 2rem;
        line-height: 0;
        margin-top: 22px;
        margin-left: 90px;
    }

    .box_player_txt_batter span {
        font-family: "Atma", sans-serif;
        color: #ffffff;
        margin-left: 90px;
        font-size: 1.6rem;
        float: none;
        line-height: 1.5;
    }

    .match_batter {
        background: #ffd217;
        text-align: right;
        font-family: "Atma";
        color: #310073;
        font-weight: bold;
        padding: 10px 25px 10px 0px;
    }

    .run_batter {
        background: #310073;
        text-align: right;
        font-family: "Atma";
        color: #ffd217;
        font-weight: bold;
        padding: 10px 25px 10px 0px;
    }

    .rate_batter {
        background: #ffd217;
        text-align: right;
        font-family: "Atma";
        color: #310073;
        font-weight: bold;
        padding: 10px 25px 10px 0px;
    }

    .player_best_wicket {
        padding-left: 20px;
    }

    .best_wicket_box {
        position: relative;
    }

    .player-thumb-box_wicket {
        position: absolute;
        right: 0;
        z-index: 10;
    }

    .box_player_txt_wicket {
        font-size: 2.8rem;
    }

    .wicket_name {
        text-align: right;
    }

    .wicket_name h3 {
        color: #ffd217;
        font-size: 2rem;
        line-height: 0;
        margin-top: 22px;
        margin-right: 90px;
        text-align: right;
    }

    .wicket_name span {
        font-family: "Atma", sans-serif;
        color: #ffffff;
        margin-right: 90px;
        font-size: 1.6rem;
        text-align: right;
    }

    .match_wicket {
        background: #ffd217;
        text-align: left;
        font-family: "Atma";
        color: #310073;
        font-weight: bold;
        padding: 10px 0px 10px 25px;
    }

    .run_wicket {
        background: #310073;
        text-align: left;
        font-family: "Atma";
        color: #ffd217;
        font-weight: bold;
        padding: 10px 0px 10px 25px;
    }

    .rate_wicket {
        background: #ffd217;
        text-align: left;
        font-family: "Atma";
        color: #310073;
        font-weight: bold;
        padding: 10px 0px 10px 25px;
    }

    .top-content.photo_gallery {}
}

@media (min-width: 280px) and (max-width: 575px) {
    .right-border {
        height: 100%;
        width: 20px;
        background-color: #ffd217;
        position: absolute;
        top: 0;
        left: 0;
    }

    .designBorderRight {
        background-image: url(../images/bg/PHOTO-G.png);
        background-size: cover;
        background-repeat: repeat-y;
        height: 100%;
        z-index: 5;
        position: absolute;
        left: 17px;
        width: 14px;
    }

    .bottomLeftFlower img {
        display: none;
    }

    .bottomRightFlower img {
        display: none;
    }

    .custom-gallery-css .box-1 {
        padding-right: 15px;
    }

    .custom-gallery-css .box-2 {
        padding-left: 15px;
        margin-bottom: 15px;
    }

    .custom-gallery-css .box-3 {
        padding-right: 15px;
    }

    .custom-gallery-css .box-4 {
        padding-left: 15px;
        margin-top: 15px;
    }

    .custom-gallery-css .box-5 {
        padding-right: 15px;
        margin-top: 15px;
    }

    .custom-gallery-css .box-6 {
        padding-left: 15px;
    }

    .custom-gallery-css .box-7 {
        padding-right: 15px;
        margin-top: 15px;
    }

    .custom-gallery-css .box-8 {
        padding-left: 15px;
        margin-top: 15px;
        z-index: 10;
    }

    .team-squad::before {
        content: "";
    }

    .team-squad::after {
        content: "";
    }

    .performer_team_img img {
        width: 100%;
        height: 100%;
    }

    .batter_box_row {
        padding-left: 125px;
    }

    .box_player_txt_batter {
        font-size: 1.2rem;
    }

    .player-thumb-box_batter img {
        width: 62%;
    }

    .box_player_txt_batter h3 {
        font-size: 1.2rem;
        line-height: 1.1;
        margin-left: 20px;
    }

    .box_player_txt_batter span {
        margin-left: 20px;
        font-size: 1rem;
        line-height: 2;
    }

    .wicket_box_row {
        padding-right: 115px;
    }

    .box_player_txt_wicket {
        font-size: 1.2rem;
    }

    .player-thumb-box_wicket img {
        width: 62%;
        float: right;
    }

    .box_player_txt_wicket h3 {
        font-size: 1.2rem;
        line-height: 1.1;
        margin-right: 30px;
    }

    .box_player_txt_wicket span {
        margin-right: 30px;
        font-size: 1rem;
        line-height: 2;
    }

    .sponsor-logos::before {
        content: "";
    }

    .sponsor-logos::after {
        content: "";
    }

    .match-teams-vs li.team-logo strong {
        font-size: 8px;
    }

    .point-table-widget table thead tr th {
        font-size: 8px;
    }

    .point-table-widget table tbody tr td a {
        font-size: 8px;
    }
}

@media (min-width: 819px) and (max-width: 1179.98px) {
    .sponsor-logos::before {
        content: url(../images/bg/sponsor-left.png);
        position: absolute;
        z-index: 100000;
        top: 50%;
        left: -30%;
        transform: translate(0%, -50%);
    }

    .sponsor-logos::after {
        content: url(../images/bg/sponsor-Right.png);
        position: absolute;
        z-index: 100000;
        right: -30%;
        top: 50%;
        transform: translate(0%, -50%);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media only screen and (max-width: 375px) {
    .mobile-nav-toggle {
        top: 22px !important;
    }

    .player-thumb-box_batter img {
        width: 52% !important;
    }

    .box_player_txt_batter {
        font-size: 0.8rem !important;
    }

    .batter_box_row {
        padding-left: 90px !important;
    }

    .box_player_txt_batter h3 {
        font-size: 1rem;
    }

    .box_player_txt_batter span {
        font-size: 0.9rem;
    }

    .player-thumb-box_wicket img {
        width: 52% !important;
        float: right;
    }

    .box_player_txt_wicket {
        font-size: 0.8rem !important;
    }

    .box_player_txt_wicket h3 {
        font-size: 1rem;
    }

    .box_player_txt_wicket span {
        font-size: 0.9rem;
    }

    .wicket_box_row {
        padding-right: 94px !important;
    }

    .main-footer .col-sm-2 {
        flex: inherit;
        max-width: inherit;
    }

    .main-footer .col-sm-3 {
        flex: inherit;
        max-width: inherit;
    }

    .main-footer .col-sm-4 {
        flex: inherit;
        max-width: inherit;
    }
}

@media only screen and (min-width: 390px) {
    .mobile-nav-toggle {
        top: 25px !important;
    }
}

@media only screen and (min-width: 412px) {
    .mobile-nav-toggle {
        top: 22px !important;
    }
}

@media only screen and (max-width: 740px) {
    .main-header .topbar {
        background-size: cover;
        padding: 7px 0px;
        height: auto;
    }

    .logo {
        padding: 0px;
    }

    .mobile-nav-toggle {
        top: 35px;
    }

    .custom-gallery-css .col-md-6 {}
}

@media only screen and (max-width: 820px) {
    .main-header .topbar {
        background-size: cover;
        height: auto;
        padding: 12px;
    }

    .team-squad .col-md-6 {
        max-width: 100%;
        flex: unset;
    }

    .team-squad .col-md-10 {
        max-width: 100%;
    }

    .mobile-nav-toggle {
        top: 60px;
    }

    .sponsor-logos::before {
        top: 50%;
        left: -247px;
        transform: translate(0%, -50%);
    }

    .sponsor-logos::after {
        right: -248px;
        top: 50%;
        transform: translate(0%, -50%);
    }

    .footer-widget {
        padding: 20px 0;
    }

    .footer-links li {
        width: 100%;
    }

    .footer-links li a {
        font-size: 1.1rem;
        line-height: 2;
    }

    .main-footer .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media only screen and (max-width: 667px) {
    .sponsor-logos::before {
        display: none;
    }

    .sponsor-logos::after {
        display: none;
    }
}

@media only screen and (max-width: 1180px) {
    .main-header .topbar {
        height: 24px;
    }

    .best_batter_box {
        position: relative;
        z-index: 9999999;
    }

    .box_player_txt_batter h3 {
        margin-left: 30px;
    }

    .box_player_txt_batter span {
        margin-left: 30px;
    }

    .player-thumb-box_batter img {
        width: 75%;
    }

    .player-thumb-box_wicket img {
        width: 75%;
        float: right;
    }

    .box_player_txt_batter {
        font-size: 1.7rem;
    }

    .box_player_txt_wicket {
        font-size: 1.7rem;
    }

    .batter_box_row {
        padding-left: 128px;
    }

    .wicket_box_row {
        padding-right: 148px;
    }

    .wicket_name h3 {
        margin-right: 20px;
    }

    .wicket_name span {
        margin-right: 20px;
    }

    .sponsor-logos::before {
        left: -135px;
    }

    .sponsor-logos::after {
        right: -135px;
    }
}

@media only screen and (max-width: 1375px) {
    .box_player_txt_batter h3 {
        margin-left: 48px;
    }

    .box_player_txt_batter span {
        margin-left: 48px;
    }

    .wicket_name h3 {
        margin-right: 45px;
    }

    .wicket_name span {
        margin-right: 45px;
    }

    .sponsor-logos::before {
        left: -85px;
    }

    .sponsor-logos::after {
        right: -85px;
    }
}

@media only screen and (max-width: 390px) {
    .player-thumb-box_batter img {
        width: 60%;
    }

    .batter_box_row {
        padding-left: 100px;
    }

    .box_player_txt_batter {
        font-size: 1.2rem;
    }

    .box_player_txt_batter h3 {
        margin-left: 33px;
        font-size: 16px;
    }

    .box_player_txt_batter span {
        margin-left: 33px;
    }

    .player-thumb-box_wicket img {
        width: 60%;
    }

    .run_batter img {
        width: 50px;
    }

    .box_player_txt_wicket {
        font-size: 1.2rem;
    }

    .wicket_box_row {
        padding-right: 106px;
    }

    .wicket_name h3 {
        margin-right: 26px;
        text-align: right;
        font-size: 16px;
    }

    .wicket_name span {
        margin-right: 26px;
        text-align: right;
    }

    .run_wicket img {
        width: 50px;
    }

    .inner-banner-header::before {
        position: absolute;
        z-index: 100000;
        bottom: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background-image: url(../images/bg/points-table-left.png);
        background-size: 100% 100%;
        content: "";
    }

    .inner-banner-header::after {
        position: absolute;
        z-index: 100000;
        bottom: 0;
        right: 0;
        width: 100px;
        height: 100px;
        background-image: url(../images/bg/points-table-right.png);
        background-size: 100% 100%;
        content: "";
    }
}