@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:		#e81f3e (Medium Red)
Scendry Color:		#144b8c (Dark Indigo)


[Typography]
Body copy:			font:24px/16px 'Open Sans', sans-serif;
Headers:			font:40px/40px 'Roboto Condensed', serif;
Input, textarea:	font:24px/16px 'Open Sans', sans-serif;
Sidebar heading:	font:28px/28px 'Roboto Condensed', 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: "Open Sans", sans-serif;
}

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

.wrapper h3,
.wrapper h4,
.wrapper h5 {
    font-family: "Roboto Condensed", 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;
}
.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: #f8f8f8;
    background-attachment: fixed;
}
/********** |== Header Start == | **********/
.main-header {
    width: 100%;
    float: left;
}
.main-header.header-scrolled {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}
.main-header .topbar {
    background: var(--primary-color);
    width: 100%;
    float: left;
    padding: 5px 0;
}
.main-header .logo-navbar {
    background: #fff;
    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: rgba(255, 255, 255, 0.05);
    color: var(--header-footer-text);
    font-size: 14px;
    border-radius: 3px;
}
.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;
}
.topsocial a.flickr:hover {
    background: #0063dc;
    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: #e81f3e;
    color: #fff;
}
.toplinks li a:hover {
    color: #e81f3e;
}
.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: 24px 0 0 0;
}
.logo-navbar .navbar {
    padding: 0px;
    margin: 0px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

.main-nav {
}
.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: #e81f3e;
}
.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: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: var(--primary-color-light);
    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: var(--secondary-color);
    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 .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: 99999;
    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 5px;
}
.logo-navbar .nav-item > a {
    padding: 0 12px;
    line-height: 90px;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary-color);
    position: relative;
}
.logo-navbar .nav-item > span {
    padding: 0 12px;
    line-height: 90px;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary-color);
    position: relative;
}
.logo-navbar .nav-item > a:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: var(--secondary-color);
    width: 0;
    content: "";
    opacity: 0;
}
.logo-navbar .nav-item > a:hover {
    background: rgba(170, 170, 170, 0.425);
}
.logo-navbar .nav-item > span:hover {
    background: rgba(170, 170, 170, 0.425);
}
.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: #e81f3e;
    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: #e81f3e;
}
/********** |== 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: #e81f3e;
}
.rev_slider_wrapper a {
    display: inline-block;
    background: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    width: 0;
    height: 10px;
    content: "";
}
.slidetab-box span {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 56px;
    font-family: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;
    font-weight: 700;
}
.slidetab-box h6 a {
    color: #7c859a;
}
.slidetab-box strong {
    font-weight: 600;
    color: #e81f3e;
    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: #e81f3e;
}
.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;
}
.next-match-widget h5.title {
    background: #e81f3e;
    color: #fff;
    line-height: 51px;
    text-align: center;
    margin: 0px;
    border-radius: 3px 3px 0 0;
}
.next-match-widget .nmw-wrap {
    border: 1px solid #e1e1e1;
    border-top: 0px;
    border-radius: 0 0px 3px 3px;
    width: 100%;
    float: left;
}
.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: "Roboto Condensed", sans-serif;
    font-size: 24px;
    color: #222222;
    font-weight: 400;
    margin: 10px 0 0;
}
.nmw-txt {
    text-align: center;
    margin: 0 0 30px;
    padding: 0px;
    list-style: none;
    clear: both;
}
.nmw-txt li {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.nmw-txt strong {
    font-family: "Roboto Condensed", sans-serif;
    color: #e81f3e;
    font-size: 16px;
    text-transform: uppercase;
}
.nmw-txt span {
    color: #e81f3e;
}
.next-match-widget .is-countdown {
    clear: both;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    float: left;
}
.next-match-widget .is-countdown .countdown-section {
    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;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 300;
}
.next-match-widget .countdown-period {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
}
.buy-ticket {
    clear: both;
    text-align: center;
    padding: 24px 0;
}
.buy-ticket a {
    background: #e81f3e;
    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: #e81f3e;
    margin: 20px 0 0;
}
/********** |== Next Match Widget End == | **********/

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

.point-table-widget {
    border-radius: 5px;
    width: 100%;
    float: left;
    /* border: 1px solid #e1e1e1; */
    overflow: hidden;
}
.point-table-widget table {
    width: 100%;
    overflow: hidden;
}
.point-table-widget table thead {
    background: #e81f3e;
}
.point-table-widget table thead tr th {
    line-height: 46px;
    padding: 0 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
}
.point-table-widget table tbody tr:last-child {
    border: 0px;
}
.point-table-widget table tbody tr {
    border-bottom: 1px solid #e1e1e1;
    background: #fafafa;
}
.point-table-widget table tbody tr td {
    padding: 11px 10px 11px;
    font-size: 14px;
    color: #777777;
    font-family: "Roboto Condensed", sans-serif;
}
.point-table-widget table tbody tr td img {
    margin-right: 5px;
}
.point-table-widget table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}
.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: var(--primary-color);
    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: "Roboto Condensed", 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: #e81f3e;
}
/*News Grid Start*/
.news-grid {
    width: 100%;
    float: left;
    overflow: hidden;
}
.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: #e81f3e;
}
.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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    color: #fff;
}
.vthumb a.play:hover:after {
    opacity: 1;
}
.video-news-box:hover h4 a {
    color: #e81f3e;
}
.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: 28px;
    padding: 0 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: #e81f3e;
}
.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: #e81f3e;
    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/teamsec-bg.jpg) no-repeat;
    background-size: cover;
}
.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: #e81f3e;
}
.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-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: "Roboto Condensed", sans-serif;
    padding: 0 0 0 5px;
    width: 25%;
    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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
}
.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: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    color: #e81f3e;
    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: #e81f3e;
    border-color: #e81f3e;
    color: #fff;
}
.pro-box:hover .pro-txt h4 a {
    color: #e81f3e;
}
/********  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: #e81f3e;
    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: #e81f3e;
}
.pro-list-box:hover .pro-txt a.add2cart {
    background: #e81f3e;
    color: #fff;
    border-color: #e81f3e;
}
.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;
}
.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(/storage/backgrounds/twitter_test.jpeg) 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: "Roboto Condensed", 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: #e81f3e;
}
.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: var(--secondary-color);
}
.footer-widget {
    padding: 40px 0 20px 0;
    overflow: hidden;
}
.footer-widget h4 {
    font-weight: 400;
    color: var(--header-footer-text);
    position: relative;
    margin: 0 0 30px;
}
.footer-widget h4:before,
.footer-widget h4:after {
    position: absolute;
    left: 0;
    bottom: -10px;
    background: #e81f3e;
    width: 40px;
    height: 2px;
    content: "";
}
.footer-widget h4:after {
    width: 30px;
    bottom: -15px;
}
.about-widget img {
    margin-bottom: 20px;
    max-height: 300px;
}
.footer-widget.about-widget address {
    margin-bottom: 0;
}
.footer-widget p {
    color: var(--header-footer-text);
    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: #99a1b4;
    font-size: 14px;
    margin: 0 0 15px;
}
.about-widget li i {
    color: #e81f3e;
    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: var(--header-footer-text);
    font-family: "Roboto Condensed", 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: #e81f3e;
    color: #fff;
    font-weight: 700;
    font-family: "Roboto Condensed", 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: var(--header-footer-text);
    margin: 0px;
    line-height: 40px;
}
.copyr a {
    color: #e81f3e;
}
.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: var(--header-footer-text);
}
.copyr a:hover,
.footer-links li a:hover,
.quick-links a:hover {
    color: var(--header-footer-text-hover);
}
/********** |== 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: #e81f3e;
}
.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: #e81f3e;
}
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: #e81f3e;
    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) 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 */
}
.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: "Roboto Condensed", 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: #e81f3e;
    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: #e81f3e;
}
.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: #e81f3e;
    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: #e81f3e;
}
.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: "Roboto Condensed", 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: "Roboto Condensed", 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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
}
.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: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
}
.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: #e81f3e;
    color: #fff;
    left: inherit;
    border-color: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", 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: "Roboto Condensed", 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: #e81f3e;
    box-shadow: none;
}
.newsletter-two button {
    line-height: 60px;
    border: 0px;
    background: #e81f3e;
    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 {
    text-align: center;
    padding: 60px 0 60px 0;
    position: relative;
    min-height: 130px;
    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: #e81f3e;
}
.shop-filter strong {
    font-family: "Roboto Condensed", 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: var(--primary-color);
    background-color: #fff;
    border: 1px solid var(--secondary-color);
    color: var(--secondary-color);
    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: var(--secondary-color);
    border-color: var(--secondary-color);
}
.gt-pagination li.page-item {
    position: relative;
    margin-right: 6px;
}
.gt-pagination li.page-item:after {
    content: "";
    width: 6px;
    height: 1px;
    background: var(--secondary-color);
    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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
}
.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: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
.last-match-widget .countdown-period {
    color: #7c859a;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.buyticket-btn {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0;
}
.buyticket-btn a {
    background: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;
}
.match-right ul li span,
.match-left ul li span {
    color: #e81f3e;
}
.last-match-result-full .mscore {
    float: left;
    margin-left: 45px;
    text-align: center;
    color: #ffcb05;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}
/******************** |== Last Match Result Full End == | ********************/

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

.next-matches-schedule h2.stitle {
    background: #e81f3e;
    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 10px;
}
.nms-box .team-logo-right,
.nms-box .team-logo-left {
    padding: 10px 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: 50px;
    height: auto;
    margin: 0 15px 0 0;
}
.nms-box .team-logo-right strong,
.nms-box .team-logo-left strong {
    display: inline-block;
    font-size: 21px;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 50px;
    margin-right: 16px;
    color: black;
}
.nms-box .team-logo-right img {
    margin: 0 15px 0 0;
}

.nms-info {
    text-align: center;
    padding: 10px 0;
}
.nms-info .vs {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 15px;
    color: #e81f3e;
    font-size: 20px;
    margin: 0 0 11px;
}
.nms-info p {
    font-size: 14px;
    color: #333333;
    margin: 0px;
}
.nms-info p strong {
    color: #e81f3e;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0 0 5px;
    display: block;
}
.nms-info p span {
    color: #e81f3e;
    display: block;
    margin: 8px 0 13px;
}
.nms-info a {
    background: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    color: #fff;
    text-align: center;
    line-height: 58px;
}
.next-match-box .team-logo-left,
.next-match-box .team-logo-right {
    text-align: center;
    padding: 40px 0 0;
}
.next-match-box .team-logo-left strong,
.next-match-box .team-logo-right strong {
    display: block;
    font-family: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;
}
.next-match-box .countdown-period {
    color: #bbbbbb;
    font-size: 12px;
    font-family: "Roboto Condensed", 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: right;
}
.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: #e81f3e;
    font-family: "Roboto Condensed", 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: #e81f3e;
}
.last-match-result-full-light .mscore {
    float: left;
    margin-left: 45px;
    text-align: center;
    color: #e81f3e;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Roboto Condensed", 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: "Roboto Condensed", 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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
}
.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: "Roboto Condensed", 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: #e81f3e;
    color: #fff;
    text-align: center;
    font-family: "Roboto Condensed", 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: #e81f3e;
    border-color: #e81f3e;
    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: "Roboto Condensed", 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: "Roboto Condensed", 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: #e81f3e;
    border-color: #e81f3e;
    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: 18px;
}
.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: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
    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: 20px 0 0;
}
.product-tabs .nav-tabs {
    border: 0px;
}
.product-tabs .nav-tabs .nav-link,
.nav-link-primary {
    background: #eeeeee;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    font-family: "Roboto Condensed", 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,
.nav-link-primary.active,
.nav-link-primary:hover {
    background: #e81f3e;
    color: #fff;
    border-color: #e81f3e;
}
.product-tabs .tab-content {
    border: 1px solid #eeeeee;
    background: #fff;
    padding: 20px 10px;
    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: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    font-weight: 400;
    margin-right: 15px;
}
.pro-summery p ins {
    color: #e81f3e;
    font-size: 24px;
    font-family: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;
    font-size: 16px;
}
.in-stock strong {
    color: #e81f3e;
    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: #e81f3e;
}
.post-author strong {
    color: #e81f3e;
    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: #e81f3e;
}
.ng-box:hover .ng-txt a.rm {
    background: #e81f3e;
    color: #fff;
    border-color: #e81f3e;
}
/****************  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: "";
}
.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: #e81f3e;
    border-color: #e81f3e;
    color: #fff;
}
.news-large-post.sticky:hover .post-txt h3 a,
.news-large-post:hover .post-txt h3 a {
    color: #e81f3e;
}
.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: "Roboto Condensed", 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: #e81f3e;
}
.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: #e81f3e;
}
.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: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
}
.news-list-post:hover .post-txt a.rm {
    background: #e81f3e;
    color: #fff;
    border-color: #e81f3e;
}
/********************************/

.post-txt p strong {
    color: #e81f3e;
    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: "Roboto Condensed", 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: #e81f3e;
    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;
    margin: 0 0 10px;
}
.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: "Roboto Condensed", sans-serif;
}
.post-comments-form textarea {
    height: 130px;
    line-height: 24px;
    padding: 10px;
}
.post-comments-form input[type="submit"] {
    float: right;
    background: #e81f3e;
    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: #fff;
    padding: 0 0 0;
    position: relative;
    background-size: cover;
}
.match-header h5 {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.match-header p {
    text-align: center;
    color: #000;
    font-size: 16px;
    margin: 0px;
}
@media (min-width: 1200px) {
    .match-header p {
        font-size: 20px;
    }
}

.match-header .teamz {
    margin: 35px auto;
    padding: 0;
    width: 90%;
    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: #000;
    font-weight: 400;
    font-size: 25px;
    font-family: "Roboto Condensed", sans-serif;
    float: right;
    line-height: 80px;
    margin-right: 20px;
    letter-spacing: -1px;
}

/* @media (min-width: 1200px) {
	.match-header .teamz li.mt-left strong, .match-header .teamz li.mt-right strong {
		font-size: 30px;
	}
} */
.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-time {
    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: var(--secondary-color);
}
.score-left {
    float: left;
}
.score-right {
    float: right;
}
.score-left span,
.score-right span {
    display: block;
    width: 55px;
    height: 60px;
    text-align: center;
    background: var(--primary-color);
    border-radius: 5px;
    color: #fff;
    line-height: 60px;
    font-size: 36px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0 0 5px;
}

@media (min-width: 767px) and (max-width: 990px) {
    .score-left span,
    .score-right span {
        width: 40px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
    }
}

.score-left strong,
.score-right strong {
    font-family: "Roboto Condensed", 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: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 30px;
}
.match-header .match-score li.text-left p {
    text-align: left;
}
.match-header .match-score li p span {
    color: #e81f3e;
}
.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: 1;
    margin-bottom: 20px;
    padding: 0px;
    background: var(--primary-color);
}
.m-date-loc li {
    display: inline-block;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}
.m-date-loc li i {
    color: #fff;
    margin-right: 5px;
}
.m-date-loc li.pipeline {
    color: #fff;
}
/***********************/

.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: #e81f3e;
    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: var(--primary-color);
    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: #e81f3e;
}
.match-results-table thead tr td {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    line-height: 42px;
    padding: 0 10px;
    background: #e81f3e;
    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: "Roboto Condensed", 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: "Roboto Condensed", 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: #e81f3e;
    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 == | ********************/

.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: #e81f3e;
    color: #e81f3e;
}
.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: "Roboto Condensed", 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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    padding: 0 20px;
    font-size: 18px;
    line-height: 49px;
    border: 0px;
    border-radius: 0px;
}
.search-form button {
    background: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    display: block;
}
.match-counter .countdown-section .countdown-period {
    font-size: 14px;
    color: #fff;
    font-family: "Roboto Condensed", 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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
}
.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: #e81f3e;
}
.news-updates .owl-theme .owl-nav button.owl-next:after {
    content: "\f061";
}
.teams-video {
    background: url(../images/scorebg.jpg) no-repeat;
    position: relative;
    background-size: cover;
    overflow: hidden;
}
.teams-video .container {
    position: relative;
    z-index: 99;
}
.teams-video:after {
    width: 0;
    height: 0;
    border-top: 700px solid #b41f3c;
    border-left: 910px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
}
.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: #e81f3e;
    color: #fff;
}
.fvideo-box:hover .fvid-cap h5 a {
    color: #e81f3e;
}
.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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
}
.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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    color: #fff;
    border-color: #e81f3e;
}
.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: #e81f3e;
    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: #e81f3e;
}
.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: #e81f3e;
    color: #fff;
    border-color: #e81f3e;
}
.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: #e81f3e;
}
.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: #e81f3e;
    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: #e81f3e;
    margin: 5px 0 0;
    font-family: "Roboto Condensed", sans-serif;
}
.mdate-time {
    color: #7c859a;
    font-size: 16px;
    margin: 12px 0 0 55px;
}
.mdate-time strong {
    display: block;
    color: #e81f3e;
    font-weight: 400;
}
.match-loc i {
    color: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    font-size: 36px;
    line-height: 30px;
}
.h3-match-counter .countdown-period {
    color: #7c859a;
    font-family: "Roboto Condensed", 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: #e81f3e;
}
/***************  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: #fff;
    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: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    font-size: 15px;
    text-transform: inherit;
    display: block;
    line-height: 30px;
}
.footer-widget .quick-links a i {
    color: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
    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: #e81f3e;
}
.flogo {
    text-align: center;
}
p.cr {
    color: #7c859a;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
}
p.cr a {
    color: #e81f3e;
}
/***************  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: var(--primary-color);
}
.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: var(--secondary-color);
}
.home-blue .logo-navbar .nav-item > a:after {
    background: var(--secondary-color);
}
.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: #e81f3e;
    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: "Roboto Condensed", sans-serif;
}
#filters button.button.is-checked,
#filters .button:hover {
    color: #fff;
}
.live-show {
    border: 1px solid #e81f3e;
    color: #e81f3e;
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
}
.live-show:hover {
    background: #e81f3e;
    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: "Roboto Condensed", sans-serif;
    font-family: "Open Sans", sans-serif;
    font-family: "Montserrat", sans-serif;
    font-family: "Poppins", sans-serif;
}

img {
    max-width: 100%;
    height: 100%;
}

.menu-logo {
    height: 50px;
}

::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

body {
    overflow: overlay;
}

.top-bar-competition-text {
    color: #fff;
    font-weight: 600;
}

.swiper-main-news {
    height: 80vw !important;
    max-height: 60vh !important;
    min-height: 350px;
}

.swiper-slide {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    z-index: 1;
    position: relative;
}

.swiper-title {
    padding: 50px !important;
    color: #fff;
    font-size: calc((55vw - 4.5rem) / 6 * 0.45vw);
    z-index: 9999;
    text-shadow: 2px 2px 6px var(--primary-color) !important;
}

@media only screen and (max-width: 645px) {
    .swiper-title {
        padding: 10px !important;
        color: #fff;
        font-size: calc((55vw) / 9);
        z-index: 9999;
    }
}

.news-read-more-button {
    position: absolute;
    bottom: 15px;
    background-color: var(--primary-color) !important;
    border: var(--primary-color) !important;
    margin-left: 50px;
    margin-bottom: 20px;
    padding: 6px 10px 6px 10px;
    border-radius: 3px;
    color: #fff;
}

@media (max-width: 709px) {
    .news-read-more-button {
        margin-left: 10px;
        margin-bottom: 0px;
    }
}

.news-read-more-button:hover {
    background-color: white !important;
    color: var(--primary-color) !important;
}

.primary-color {
    color: var(--primary-color) !important;
}

.secondary-color {
    color: var(--secondary-color) !important;
}

@media (min-width: 444px) and (max-width: 844px) {
    .footer-info {
        padding-left: 20px !important;
    }
}

.videos img {
    width: 100%;
    height: auto;
}
a.video {
    float: left;
    position: relative;
}
a.video span {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("https://media4.giphy.com/media/j0Fks3yUAGX0qmjuto/giphy.gif")
        no-repeat;
    background-position: 50% 50%;
    background-size: 20%;
}
@media screen and (max-width: 480px) {
    a.video span {
        background-size: 20%;
    }
}

.selected-day-box {
    background-color: var(--primary-color);
    border-radius: 3px;
    color: white;
}

@media (max-width: 400px) {
    .country-flag {
        width: 55px !important;
    }

    .score-left span,
    .score-right span {
        width: 35px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .nms-info {
        padding-top: 0px !important;
    }
}

@media (min-width: 576px) {
    .teams-display-small {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .match-teams-vs li.team-logo img {
        width: 45px;
    }
}

@media (min-width: 1200px) {
    .match-teams-vs .vs {
        line-height: 33px;
        font-size: 21px;
    }
}

@media (min-width: 1500px) {
    .nms-info .vs {
        line-height: 45px;
        font-size: 24px;
    }

    .nms-box .team-logo-right strong,
    .nms-box .team-logo-left strong {
        font-size: 24px;
    }
}

.tabs-box {
    font-size: 18px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 40px !important;
}

@media (max-width: 1200px) {
    .nms-info .vs {
        line-height: 40px;
        font-size: 19px;
    }

    .tabs-box {
        font-size: 16px !important;
    }

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

    .nms-box .team-logo-right strong,
    .nms-box .team-logo-left strong {
        font-size: 19px;
        display: block;
        line-height: 22px;
        padding-top: 10px;
        color: black;
    }

    .nms-box .team-logo-right,
    .nms-box .team-logo-left {
        padding-top: 14px !important;
    }

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

.match-time-user-time {
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 600;
}

.match-time-local-time {
    font-size: 13px;
    color: var(--primary-color);
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 15px;
}

.match-time-tba {
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 600;
    padding-bottom: 25px;
    padding-top: 10px;
}

.top-bar-competition-text {
    color: #000;
    font-weight: 700;
    font-size: 14px;
}

@media (max-width: 1000px) {
    .top-bar-competition-text {
        font-size: 12px;
    }
}

.match-teams-vs li.team-logo img {
    width: 80px;
    height: auto;
}

@media (max-width: 700px) {
    .nms-info a {
        padding: 0 15px;
    }
}

.vtb-item-players .defeated {
    background-color: #fafafa !important;
    border-left: #c2c2c2 2px groove;
    border-right: #c2c2c2 2px groove;
}

.vtb-item-players .winner {
    background-color: #dedede !important;
    border-top: #c2c2c2 2px groove;
    border-left: #c2c2c2 2px groove;
    border-right: #c2c2c2 2px groove;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.vtb-item-players {
    background-color: transparent !important;
    min-height: 122px;
}

.show-games-button {
    color: var(--primary-color);
    cursor: pointer;
}

.match-group-box-date {
    font-weight: 600;
    font-size: 15px;
}

.match-group-box-user-time {
    font-weight: 600;
    font-size: 18px;
}

.match-group-box-local-time {
    font-size: 12px;
}

.match-group-box-court {
    font-size: 12px;
    font-weight: 600;
}

.group-title {
    text-align: center;
    color: var(--secondary-color);
    font-weight: 700 !important;
}

.match-day-selector {
    background-color: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
}

.match-date-selection {
    font-size: 20px !important;
}

.match-date-details {
    font-size: 15px;
}

.match-big-user-time {
    font-size: 24px;
    font-weight: 700;
}

.match-big-local-time {
    font-size: 12px;
}

.match-big-additional-info {
    font-size: 14px;
}

.match-big-competition {
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .match-big-competition {
        font-size: 16px;
    }

    .match-big-user-time {
        font-size: 20px;
    }

    .match-big-local-time {
        font-size: 11px;
    }

    .match-big-additional-info {
        font-size: 12px;
    }

    .match-date-selection {
        font-size: 16px !important;
    }

    .match-date-details {
        font-size: 13px;
    }
}

.match-big-team {
    margin-top: 40px;
}

@media (max-width: 575px) {
    .match-big-team {
        margin-top: 5px;
    }
}

.match-group-result {
    margin-top: 20px;
}

.match-bracket-date {
    text-align: center;
    font-size: 13px;
    color: white;
}

.match-bracket-info-box {
    padding: 2px 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.match-bracket-info-box.primary {
    background-color: var(--primary-color);
}

.match-bracket-info-box.secondary {
    background-color: var(--secondary-color);
}

.bracket-team-name {
    color: #6c6c6c;
    font-weight: 700;
    font-size: 12px;
}

.match-details-user-time {
    font-size: 20px;
}

.match-details-local-time {
    font-size: 14px;
    font-weight: 600;
}

.match-details-competition-name {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}

.match-details-other-information {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.team-info-title {
    font-weight: 700;
    font-size: 16px;
    margin-top: 15px;
}

.team-info-text {
    font-weight: 500;
    font-size: 14px;
    padding-left: 15px;
}

.primary-background {
    background-color: var(--primary-color) !important;
}

.primary-background-25 {
    background-color: var(--primary-color-25) !important;
}

.secondary-background {
    background-color: var(--secondary-color) !important;
}

.secondary-background-25 {
    background-color: var(--secondary-color-25) !important;
}

.match-details-home-score,
.match-details-guest-score {
    display: block;
    width: 45px;
    height: 50px;
    text-align: center;
    background: var(--primary-color);
    border-radius: 5px;
    color: #fff;
    line-height: 50px;
    font-size: 33px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0 0 0px;
}

.home-team-details {
    float: right;
}

.match-details-name {
    color: #000;
}

.match-details-img {
    width: 60px;
    height: 60px;
}

.match-details-result {
    padding-top: 20px;
}

.match-details-minus {
    margin-top: 20px;
}

.match-details-guest-score {
    float: left;
}

.match-details-home-score {
    float: right;
}

@media (max-width: 768px) {
    .match-details-guest-score {
        float: right;
    }

    .home-team-details {
        float: left;
    }
}

.vtb-item-players {
    min-width: 205px;
}

.vtb-item {
    overflow: scroll;
}

.tabs-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.live-text {
    color: red;
    font-weight: 700;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    margin-bottom: 10px;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.live-match-combine-score {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 15px;
    margin: 0 0 11px;
    width: 70px !important;
    font-weight: 700;
}

.live-match-combine-score.Men {
    color: var(--primary-color);
}

.live-match-combine-score.Women {
    color: var(--secondary-color);
}

.live-match-set-score {
    background: #fafafa;
    border: 1px solid #e1e1e1;
    display: inline-block;
    line-height: 25px;
    padding: 0 5px;
    border-radius: 15px;
    margin: 0 0 11px;
    max-width: 60px !important;
    font-weight: 600;
    font-size: 12px;
}

.live-match-set-score.Men {
    color: var(--primary-color);
}

.live-match-set-score.Women {
    color: var(--secondary-color);
}

.live-match-team-box {
    padding-top: 25px;
}

.vtb-wrapper {
    justify-content: center;
}

.vtb-item-child {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.read-blog-button {
    color: white;
    border-radius: 12px;
}

.read-blog-button.primary {
    background-color: var(--primary-color);
}

.read-blog-button.secondary {
    background-color: var(--secondary-color);
}

.read-blog-button.primary:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.read-blog-button.secondary:hover {
    background-color: transparent;
    color: var(--secondary-color);
}

.bracket-team-score {
    float: right;
    color: #6c6c6c;
    font-size: 15px;
    padding-top: 3px;
    font-weight: 700;
}

.flickr-button {
    color: white;
    border-radius: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-width: 2px;
    border-style: outset;
    border-color: rgb(118, 118, 118);
    border-image: initial;
}

.flickr-button.secondary {
    background-color: var(--secondary-color);
}

.flickr-button:hover {
    background-color: transparent;
    color: var(--secondary-color);
}

.button-details-match.secondary-background {
    background-color: var(--primary-color) !important;
}

.button-details-match.secondary-background:hover {
    background-color: var(--secondary-color) !important;
}

.button-details-match.primary-background {
    background-color: var(--secondary-color) !important;
}

.button-details-match.primary-background:hover {
    background-color: var(--primary-color) !important;
}

.no-team {
    padding-top: 15px;
}