@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: url(../images/innerpagebg2.jpg) no-repeat top center;
    background-size:cover;
    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: #20273f;
        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;
    position: absolute;
}

    .topsocial li {
        display: inline-block;
    }

    .topsocial a {
        width: 30px;
        height: 30px;
        display: block;
        text-align: center;
        line-height: 30px;
        background: rgba(255,255,255,.05);
        color: #687085;
        font-size: 14px;
        border-radius: 3px;
    }

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

        .topsocial a.vk:hover {
            background: #0077ff;
            color: #fff;
        }

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

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

        .topsocial a.tg:hover {
            background: #26a5e4;
            color: #fff;
        }

        .topsocial a.ds:hover {
            background: #5865f2;
            color: #fff;
        }

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

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

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

    .toplinks li {
        display: inline-block;
    }

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

.toplinks .search-btn a {
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,.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: rgba(40, 38, 70, 0.8);
    transition: 0.4s;
}

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

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

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

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

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

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

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

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

.mobile-nav-toggle {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 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: #7c859a;
        position: relative;
    }

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

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

            .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,.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;*/
        /*border-radius: */

    }

        .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,.20);
    }

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

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

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

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

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

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

                .next-match-fixtures .nmf-loc li a:hover {
                    color: #fff;
                }
/********** |== Next Match Fixtures End == | **********/



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

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

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

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

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

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

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

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

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

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

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

    .news-Media-gallery .nav-tabs .nav-item .nav-link {
        color: #888888;
        font-family: '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,.60);
        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,.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,.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,.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,.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,.70);
    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,.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,.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,.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,.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,.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(../images/twitterbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 80px 0;
}

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

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

        .tweets-banner .tbanner strong {
            display: block;
            color: #fff;
            font-family: '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,.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,.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,.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,.2);
    }

.tweet-box .tshare:hover {
    color: #83c6ff;
    border-color: #83c6ff;
}
/********** |== Tweetes + Banner End == | **********/


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

.main-footer {
    background: #171e36;
}

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

    .footer-widget h4 {
        font-weight: 400;
        color: #bbbbbb;
        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;
}

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

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

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

    .about-widget ul li {
        padding: 0 0 0 25px;
        position: relative;
        color: #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: #99a1b4;
            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,.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,.1);
}

.copyr {
    font-size: 14px;
    color: #99a1b4;
    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: #99a1b4;
    }

        .copyr a:hover, .footer-links li a:hover, .quick-links a:hover {
            color: #fff;
        }
/********** |== Main Footer End == | **********/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .story-row h5 a:hover, .tsw-meta li a {
            color: #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: 20%;
        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,.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,.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,.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,.3);
        color: #f5c30b;
        padding: 0 20px;
        font-size: 16px;
        background: none;
    }

.wrapper .form-control:focus {
    color: #333;
    background-color: rgba(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 {
    background: url(../images/register.jpg) no-repeat;
    background-size:cover;
    text-align: center;
    padding: 110px 0 0;
    position: relative;
    min-height: 300px;
    overflow: hidden;
}

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

        .inner-banner-header h1:after {
            content: attr(data-generated);
            position: absolute;
            left: 0;
            right: 0;
            font-size: 150px;
            top: -68px;
            font-weight: 300;
            color: rgba(255,255,255,.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,.20);
        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: #007bff;
        background-color: #fff;
        border: 1px solid #ffcb05;
        color: #ffcb05;
        width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        border-radius: 100%;
        padding: 0px;
        margin: 0px;
        font-size: 16px;
        font-weight: 700;
    }

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

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

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

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

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

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

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

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

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

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

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

        .product-slider .owl-theme .owl-nav [class*=owl-]:hover {
            background: #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: .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,.50);
        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,.05);
    margin: 0 0 30px;
}

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

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

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

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

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

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

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

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

    .nms-info .vs {
        background: #fafafa;
        border: 1px solid #e1e1e1;
        display: inline-block;
        line-height: 23px;
        padding: 0 15px;
        border-radius: 15px;
        color: #e81f3e;
        font-size: 12px;
        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,.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,.10);
}
/******************** |== 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,.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,.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,.10);
}
/******************** |== 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,.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,.5);
        opacity: 0;
    }

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

    .hlg-thumb p {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(232,31,62,.70);
        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: 18x;
    }

        .colors li.c1 span {
            border: 2px solid #fff;
            background: #494d6a;
            box-shadow: 3px 3px 10px rgba(0,0,0,.20);
            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,.20);
            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,.20);
            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: 75px 0 0;
}

    .product-tabs .nav-tabs {
        border: 0px;
    }

        .product-tabs .nav-tabs .nav-link {
            background: #eeeeee;
            border: 1px solid #e1e1e1;
            margin-right: 10px;
            font-family: '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 {
                background: #e81f3e;
                color: #fff;
                border-color: #e81f3e;
            }

    .product-tabs .tab-content {
        border: 1px solid #eeeeee;
        background: #fff;
        padding: 30px;
        width: 100%;
        float: left;
    }

    .product-tabs table {
        border: 1px solid #e1e1e1;
        width: 100%;
    }

        .product-tabs table td {
            border: 1px solid #e1e1e1;
            padding: 10px;
        }

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

    ul.comments .comment {
        position: relative;
        padding: 0 0 0 85px;
    }

.comments .comment .user-thumb {
    width: 72px;
    position: absolute;
    left: 0;
    top: 0;
}

    .comments .comment .user-thumb img {
        width: 70px;
        height: 70px;
        border-radius: 100%;
    }

.comment-txt p {
    margin: 0px;
    color: #555;
    font-size: 14px;
    line-height: 24px;
}

.comment-txt h6 {
    margin: 0 0 6px;
    font-weight: 600;
}

ul.comment-time {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: 0;
}

    ul.comment-time li {
        display: inline-block;
        margin-left: 20px;
        font-size: 14px;
        color: #888888;
    }

        ul.comment-time li a {
            color: #888888;
        }

            ul.comment-time li a i {
                color: #66bb6a;
                font-size: 12px;
                margin-right: 3px;
            }

.comment .comment-txt {
    border-bottom: 1px solid #dddddd;
    padding: 0 0 20px;
    margin-bottom: 20px;
}

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

p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    margin-right: 1px;
    font-weight: 400;
}

    p.stars a:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        height: 1em;
        line-height: 1;
        font-family: 'FontAwesome5Free';
        font-weight: 900;
        content: '\f005';
        color: #43454b;
        text-indent: 0;
        opacity: .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,.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,.07);
    margin: 0 0 40px;
}

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

    .shop-banners img, .video-thumb img, .post-thumb img {
        width: 100%;
        height: auto;
    }

    .post-thumb a {
        position: absolute;
        left: -150px;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background: #fff;
        border-radius: 100%;
        margin: auto;
        text-align: center;
        line-height: 50px;
        color: #222;
        z-index: 99;
        opacity: 0;
    }

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

    .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,.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,.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,.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,.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,.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 30px 30px 145px;
    margin: 0 0 50px;
}

    .post-author-box img {
        position: absolute;
        left: 30px;
        top: 30px;
        width: 100px;
        height: 100px;
        border-radius: 100%;
    }

    .post-author-box h4 {
        font-weight: 400;
        margin: 0 0 10px;
    }

    .post-author-box p {
        font-size: 14px;
    }

.post-bottom {
    width: 100%;
    float: left;
    padding: 0 40px 0;
}

.post-comments {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 55px;
}

    .post-comments h3 {
        margin: 0 0 28px;
    }

.post-comments {
    width: 100%;
    float: left;
}

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

    ul.comments .comment {
        width: 100%;
        float: left;
        margin-bottom: 25px;
        position: relative;
        padding-left: 85px;
    }

.user-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    .user-thumb img {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }

ul.post-time {
    position: absolute;
    right: 0;
    top: 5px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.post-time li {
        float: left;
        margin-left: 10px;
        color: #888888;
        font-size: 14px;
    }

    ul.post-time a {
        color: #888888;
    }

        ul.post-time a i {
            color: #d32f2f;
            font-size: 12px;
        }

.user-comments {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 21px;
}

    .user-comments h6 {
        margin-bottom: 10px;
    }

    .user-comments p {
        font-size: 14px;
        line-height: 24px;
        margin: 0px;
        color: #777777;
    }

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

    ul.comments .comment:last-child, .child-comments li.comment:last-child {
        margin: 0px;
    }

.clinks, .clinks a {
    color: #919da6;
}

.child-comments .user-comments {
    padding-right: 20px;
}

.aname {
    display: inline-block;
}

span.ctime {
    font-size: 12px;
    color: #919da6;
}

ul.rep-comments {
    width: 85%;
    background: #fff;
    border-radius: 5px;
    float: left;
    padding: 0px;
    list-style: none;
    margin: 20px 0 0 68px;
    padding: 20px;
}

.post-comments-form {
    width: 100%;
    float: left;
    margin: 0 0 50px;
}

    .post-comments-form h3 {
        margin: 0 0 25px;
    }

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

        .post-comments-form ul li.half-col {
            width: 50%;
            float: left;
            padding: 0 10px;
        }

        .post-comments-form ul li.full-col {
            width: 100%;
            float: left;
            padding: 0 10px;
        }

    .post-comments-form textarea, .post-comments-form input[type="text"] {
        height: 53px;
        line-height: 49px;
        border: 2px solid #e1e1e1;
        padding: 0 10px;
        border-radius: 3px;
        width: 100%;
        font-size: 16px;
        color: #666666;
        margin: 0 0 20px;
        font-family: '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: url(../images/match-detailsbg.jpg) no-repeat;
    padding: 60px 0 0;
    position: relative;
    background-size: cover;
}

    .match-header h5 {
        color: #ffcb05;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 12px;
    }

    .match-header p {
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        margin: 0px;
    }

    .match-header .teamz {
        margin: 35px auto;
        padding: 0;
        width: 75%;
        clear: both;
        list-style: none;
        overflow: hidden;
    }

        .match-header .teamz li {
            padding: 0 15px;
        }

            .match-header .teamz li.mt-left {
                float: left;
                width: 37%;
                vertical-align: middle;
            }

                .match-header .teamz li.mt-left strong, .match-header .teamz li.mt-right strong {
                    color: #fff;
                    font-weight: 400;
                    font-size: 28px;
                    font-family: 'Roboto Condensed', sans-serif;
                    float: right;
                    line-height: 80px;
                    margin-right: 20px;
                    letter-spacing: -1px;
                }

                .match-header .teamz li.mt-left img {
                    float: right;
                }

            .match-header .teamz li.mt-right strong {
                margin: 0 0 0 20px;
            }

            .match-header .teamz li.mt-right strong {
                float: left;
            }

            .match-header .teamz li.mt-right img {
                float: left;
            }

            .match-header .teamz li.mt-right {
                float: right;
                width: 37%;
            }

    .match-header .mt-center-score {
        float: left;
        width: 26%;
        position: relative;
    }

        .match-header .mt-center-score:after {
            width: 14px;
            height: 4px;
            margin: auto;
            left: 0;
            top: -20px;
            right: 0;
            bottom: 0;
            position: absolute;
            content: "";
            background: #ffcb05;
        }

.score-left {
    float: left;
}

.score-right {
    float: right;
}

    .score-left span, .score-right span {
        display: block;
        width: 55px;
        height: 60px;
        text-align: center;
        background: #bd1a33;
        border-radius: 5px;
        color: #dddddd;
        line-height: 60px;
        font-size: 36px;
        font-weight: 700;
        font-family: 'Roboto Condensed', sans-serif;
        margin: 0 0 5px;
    }

    .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: #fff;
    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: 99;
    margin: 0px;
    padding: 0px;
    background: rgba(255,203,5,.20);
}

    .m-date-loc li {
        display: inline-block;
        line-height: 60px;
        color: #fff;
        font-size: 14px;
        padding: 0 10px;
    }

        .m-date-loc li i {
            color: #ffcb05;
            margin-right: 5px;
        }

        .m-date-loc li.pipeline {
            color: #ffcb05;
        }
/***********************/

.game-statistics {
    margin: 0 0 40px;
}

    .game-statistics h4 {
        color: #fff;
        background: #20273f;
        line-height: 53px;
        font-weight: 400;
        text-align: center;
        border-radius: 3px 3px 0 0;
    }

    .match-results-table table, .game-statistics table {
        border: 0px;
        width: 100%;
    }

    .game-statistics td {
        border: 1px solid #e1e1e1;
        line-height: 40px;
        text-align: center;
        color: #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: #20273f;
        line-height: 53px;
        font-weight: 400;
        text-align: left;
        border-radius: 3px 3px 0 0;
        padding: 0 30px;
    }

    .match-results-table td {
        border: 1px solid #e1e1e1;
        line-height: 44px;
        text-align: left;
        color: #777777;
        font-weight: 700;
        font-size: 14px;
        padding: 0 15px;
        background: #fff;
    }

    .match-results-table thead tr {
        background: #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,.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,.13) inset;
    }*/

    .google-map iframe {
        width: 100%;
        height: 720px;
        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,.10);
    }

.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,.20);
    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,.20);
        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,.50);
}

.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,.70);
        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,.30);
        font-size: 14px;
    }

        .mgall-caption a:hover {
            background: #e81f3e;
            color: #fff;
            border: 2px solid rgba(255,255,255,.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,.90);
    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,.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,.20);
        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,.80);
        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,.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,.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,.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,.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: #444b8c;
}

.home-blue .main-header .logo-navbar {
    background-color: #282881;
}

.home-blue .topsocial a {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.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,.1);
        color: #fd1e50;
    }

    .home-blue .logo-navbar .nav-item > a:after {
        background: #fd1e50;
    }

.home-blue .logo-navbar .nav-item.buy-ticket a {
    border-radius: 20px;
}

.home-blue .main-nav .drop-down ul a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05px;
}

.slide-content-box strong {
    font-size: 30px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

    .slide-content-box strong span {
        color: #fd1e50;
        font-weight: 700;
    }

.home-blue .slide-content-box h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 90px;
    margin: 0px;
}

.home-blue .rev_slider_wrapper a {
    display: inline-block;
    background: rgba(253,30,80,.50);
    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,.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,.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,.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,.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,.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,.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,.20);
}

    .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 .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,.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,.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,.30);
    }

        .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: .80;
    }

    .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,.30);
            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,.70)
    }

        .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,.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,.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, .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;
}