@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
    @import "bootstrap.min.css";
    @font-face {
        font-family: 'AvenirNextCondensed-Regular';
        src: url('../fonts/AvenirNextCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCondensed-Regular.woff') format('woff'), url('../fonts/AvenirNextCondensed-Regular.ttf') format('truetype'), url('../fonts/AvenirNextCondensed-Regular.svg#AvenirNextCondensed-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'AvenirNextCondensed-Medium';
        src: url('../fonts/AvenirNextCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCondensed-Medium.woff') format('woff'), url('../fonts/AvenirNextCondensed-Medium.ttf') format('truetype'), url('../fonts/AvenirNextCondensed-Medium.svg#AvenirNextCondensed-Medium') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'AvenirNextCondensed-DemiBold';
        src: url('../fonts/AvenirNextCondensed-DemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCondensed-DemiBold.woff') format('woff'), url('../fonts/AvenirNextCondensed-DemiBold.ttf') format('truetype'), url('../fonts/AvenirNextCondensed-DemiBold.svg#AvenirNextCondensed-DemiBold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'AvenirNextCondensed-Bold';
        src: url('../fonts/AvenirNextCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextCondensed-Bold.woff') format('woff'), url('../fonts/AvenirNextCondensed-Bold.ttf') format('truetype'), url('../fonts/AvenirNextCondensed-Bold.svg#AvenirNextCondensed-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Gilroy-ExtraBold';
        src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gilroy-ExtraBold.otf') format('opentype'), url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?pa1ohj');
        src: url('../fonts/icomoon.eot?pa1ohj#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?pa1ohj') format('truetype'), url('../fonts/icomoon.woff?pa1ohj') format('woff'), url('../fonts/icomoon.svg?pa1ohj#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    
    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-captain .path1:before {
        content: "\e902";
        color: rgb(106, 120, 131);
    }
    
    .icon-captain .path2:before {
        content: "\e903";
        margin-left: -0.818359375em;
        color: rgb(255, 255, 255);
    }
    
    .icon-facebook:before {
        content: "\e900";
        color: #fff;
    }
    
    .icon-twitter:before {
        content: "\e901";
        color: #fff;
    }
    
    body {
        font-family: 'AvenirNextCondensed-Regular';
        line-height: normal;
        font-size: 14px;
        background-color: #fff;
    }
    
    a.active,
    a:focus,
    button:focus,
    button.active {
        outline: none;
    }
    
    a {
        text-decoration: none;
    }
    
    a:focus,
    a:hover,
    a:active {
        outline: 0;
        box-shadow: none;
    }
    
    a:focus,
    a:hover {
        text-decoration: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 0;
        font-weight: normal;
    }
    
    a {
        text-decoration: none;
        transition: all .3s ease-in-out;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    ul,
    ol {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    ul li {
        list-style: none;
    }
    
    p {
        margin: 0;
    }
    
    input:focus,
    select:focus,
    textarea:focus {
        outline: none;
    }
    
    img {
        border-style: none;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }
    
    .bgGreen {
        background-color: #7AC258;
    }
    
    .bg-blue {
        background: #0b4169;
    }
    
    .bgRed {
        background-color: #F24A5C;
        ;
    }
    /************************************/
    
    .wrapper {
        padding-top: 79px;
    }
    
    header {
        box-shadow: 0px 3px 6px #00000029;
        padding: 19.5px 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background-color: #fff;
    }
    
    header .navbar-brand {
        font-family: 'Gilroy-ExtraBold';
        margin: 0;
        padding: 0;
        font-size: 32px;
        letter-spacing: -0.03em;
        color: #0b4169;
    }
    
    header .navbar-nav .nav-item .nav-link {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        color: #b1b1b1;
        font-weight: 400;
    }
    
    header .navbar-nav .nav-item .nav-link:hover {
        color: #088BED;
    }
    
    header .navbar-nav .nav-item {
        margin-left: 38px;
    }
    /*************************/
    
    .breadcrumb-fixture {
        display: flex;
        align-items: center;
    }
    
    .breadcrumb-fixture li a {
        font-size: 20px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #3b4954;
        font-family: 'AvenirNextCondensed-DemiBold';
    }
    
    .breadcrumb-fixture li {
        position: relative;
    }
    
    .breadcrumb-fixture li:first-child a {
        padding-left: 0;
    }
    
    .breadcrumb-fixture li:after {
        content: '|';
        color: #3b4954;
        font-size: 20px;
        margin: 0 10px;
        font-family: 'AvenirNextCondensed-DemiBold';
    }
    
    .breadcrumb-fixture li:last-child:after {
        content: none;
    }
    
    .breadcrumb-fixture li {
        display: inline-flex;
        align-items: center;
        font-size: 20px;
        font-family: 'AvenirNextCondensed-Regular';
        color: #088BED;
    }
    
    .breadcrumb-fixture li.active span {
        margin-right: 7.5px;
    }
    
    .breadcrumb-fixture {
        padding: 29px 0 15px;
    }
    
    .match-report {
        background-image: url(../images/bg-scorecard.png);
        background-position: center;
        background-size: cover;
        color: #fff;
        text-align: center;
        padding: 49px 0 0;
    }
    
    .flag-team {
        width: 120px;
        height: 120px;
        border: 2px solid #ececec;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: relative;
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 52px;
        letter-spacing: -0.02em;
        color: #fff;
    }
    
    .flag-team span {
        width: 61px;
        height: 61px;
        border-radius: 50%;
        font-family: 'AvenirNextCondensed-Regular';
        font-size: 24px;
        letter-spacing: -0.04em;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -4px;
        right: -32px;
    }
    
    .score-box {
        padding: 58px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .score-box .flag-team {
        margin-bottom: 31px;
    }
    
    .score-box h3 {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 32px;
        letter-spacing: -0.02em;
        color: #fff;
        line-height: 40px;
        margin-bottom: 4px;
    }
    
    .score-box h4 {
        font-family: 'AvenirNextCondensed-Medium';
        font-size: 22px;
        letter-spacing: -0.02em;
        line-height: 30px;
        color: #b0b3b9;
    }
    
    .current-score {
        font-size: 42px;
        letter-spacing: -0.02em;
        text-align: center;
        color: #fff;
        margin-bottom: 33px;
    }
    
    .current-score span {
        font-size: 32px;
    }
    
    .result-card {
        max-width: 524px;
        margin: 0 auto;
        padding: 55px 40px 60px;
        background: rgba(0, 139, 237, 0.1);
        border-radius: 50px 50px 0 0;
        height: 100%;
    }
    
    .result-card h2 {
        font-family: 'AvenirNextCondensed-Regular';
        font-size: 42px;
        letter-spacing: -0.02em;
        text-align: center;
        color: #fff;
        max-width: 400px;
        margin: 0 auto 20px;
    }
    
    .annouce-result {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .annouce-result img {
        height: 87px;
        object-fit: cover;
        margin-right: 18px;
    }
    
    .annouce-result h3 {
        font-family: 'Gilroy-ExtraBold';
        font-size: 42px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #fff;
    }
    
    .annouce-result h3 span {
        color: #7ac258;
    }
    
    .annouce-result {
        border-bottom: 8px solid #fff;
        padding-bottom: 7px;
        margin-bottom: 64px;
    }
    
    .points-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 22px;
        line-height: 22px;
        letter-spacing: -0.02em;
        text-align: center;
        color: #fff;
        padding: 0 15px;
        height: 50px;
        background: transparent;
        border: 3px solid #fff;
        min-width: 233px;
    }
    
    .points-btn.active img {
        transform: rotate(90deg);
    }
    
    .points-btn:hover {
        color: #fff;
    }
    
    .points-btn img {
        margin-left: 13px;
        transition: all 0.3s;
    }
    
    .socila-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 17px 15px;
    }
    
    .mb-23 {
        margin-bottom: 23px;
    }
    
    .socila-link li {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 22px;
        letter-spacing: -0.02em;
        color: #0b4169;
        text-transform: uppercase;
        margin: 0 4.5px;
    }
    
    .socila-link li a {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    }
    
    .socila-link li a.facebook {
        background-color: #38569D;
    }
    
    .socila-link li a.twitter {
        background-color: #578CCC;
    }
    
    .scorecard {
        max-width: 1199px;
        margin: 0 auto;
    }
    
    .report-links {
        display: flex;
        background-color: #22558F;
        padding: 18px 0;
    }
    
    .report-links li {
        flex: 1;
        text-align: center;
    }
    
    .report-links li a {
        font-family: 'AvenirNextCondensed-Medium';
        font-size: 21px;
        text-align: center;
        color: #bae2ff;
        display: inline-block;
        padding: 0 10px;
    }
    
    .report-links li a:hover {
        color: #FFFFFF;
    }
    
    .report-links li a.active {
        border-bottom: 2px solid #FFFFFF;
        color: #FFFFFF;
    }
    
    .select-team {
        display: flex;
        margin-bottom: 23px;
    }
    
    .select-team li {
        text-align: center;
        width: 50%;
    }
    
    .select-team li a {
        font-size: 24px;
        color: #3b4954;
        display: block;
        border-bottom: 2px solid #ECECEC;
        padding: 7.5px 0;
    }
    
    .select-team li.current a {
        background-color: #F0F2F7;
        border-color: #22558F;
    }
    
    .flex-row {
        display: flex;
        align-items: center;
        padding: 14px 0;
        border-top: 2px solid #ECECEC;
    }
    
    .flex-row.header-row {
        background-color: #F0F2F7;
        padding: 7px 0;
        border: none;
    }
    
    .flex-row .batsman,
    .flex-row .fielder,
    .flex-row .bowler {
        width: 20%;
        padding: 0 17px;
    }
    
    .flex-row .runs {
        width: 6.6%;
        padding: 0 5px;
        text-align: right;
    }
    
    .flex-row.header-row .cell {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 18px;
        color: #0b4169;
    }
    
    .flex-row .batsman a {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 22px;
        color: #088bed;
        position: relative;
    }
    
    .flex-row .batsman a sup {
        position: relative;
        margin: 0;
    }
    
    .flex-row .fielder,
    .flex-row .bowler {
        font-family: 'AvenirNextCondensed-Regular';
        font-size: 18px;
        color: #3b4954;
        display: flex;
        align-items: center;
    }
    
    .flex-row .runs strong {
        font-family: 'AvenirNextCondensed-Bold';
    }
    
    .flex-row .runs {
        font-family: 'AvenirNextCondensed-Regular';
        font-size: 22px;
        color: #3b4954;
    }
    
    .flex-row .fielder span,
    .flex-row .bowler span {
        min-width: 20px;
        display: inline-flex;
        margin-right: 11px;
    }
    
    .flex-row .fielder span,
    .flex-row .bowler span {
        font-family: 'Roboto', sans-serif;
        font-weight: 900;
        font-size: 13px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    
    .flex-row .fielder span.label-by,
    .flex-row .bowler span.label-by {
        width: 20px;
        background: #6a7883;
        height: 20px;
        border-radius: 50%;
        line-height: 13px;
    }
    
    .flex-row .fielder span.label,
    .flex-row .bowler span.label {
        background: #6a7883;
        border-radius: 20px;
        padding: 5px 16px;
        min-width: 88px;
    }
    
    .footer-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .footer-card .symbol {
        display: flex;
        align-items: center;
    }
    
    .footer-card .symbol p {
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 32px;
        text-align: left;
        color: #3b4954;
        margin-right: 22px;
    }
    
    .footer-card .symbol img {
        margin-right: 10px;
    }
    
    .inng-summary {
        display: flex;
        align-items: center;
        max-width: 526px;
        justify-content: space-between;
        border-radius: 19.5px;
        background: #f0f2f7;
        flex: 1;
        padding: 10px 13px;
    }
    
    .inng-summary .cell strong {
        font-family: 'AvenirNextCondensed-Bold';
        color: #3b4954;
        text-transform: uppercase;
    }
    
    .inng-summary .cell {
        text-align: center;
        font-size: 18px;
        padding: 0 13px;
    }
    
    .footer-card {
        padding: 15px 0;
        border-top: 2px solid #ECECEC;
    }
    
    .fall-of-wickets {
        padding: 15px 0;
    }
    
    .fall-of-wickets h3,
    .match-official h3 {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 22px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #3b4954;
    }
    
    .mb-20 {
        margin-bottom: 20px;
    }
    
    .fall-of-wickets p,
    .fall-of-wickets i {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
        color: #3b4954;
        display: block;
    }
    
    .fall-of-wickets p strong {
        font-weight: 700;
    }
    
    .bowler-detail thead tr th {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 18px;
        line-height: 18px;
        text-align: right;
        color: #0b4169;
        padding: 13.5px 17px 8.5px;
        background-color: #F0F2F7;
        border: none;
        line-height: 1;
    }
    
    .bowler-detail tbody tr td {
        font-family: 'AvenirNextCondensed-Regular';
        font-size: 22px;
        text-align: right;
        color: #3b4954;
        padding: 17.5px 17px 12.5px;
        border-bottom: 2px solid #ECECEC;
    }
    
    .bowler-detail thead tr th:first-child {
        text-align: left;
    }
    
    .bowler-detail tbody tr td:first-child {
        text-align: left;
        width: 47%;
    }
    
    .bowler-detail tbody tr td a {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 22px;
        text-align: left;
        color: #088bed;
    }
    
    .footer-bowler .holder-card {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1022px;
        margin-left: auto;
        border-radius: 19.5px;
        background: #f0f2f7;
        padding: 7px 13px;
    }
    
    .footer-bowler .holder-card p {
        padding: 0 13px;
        font-size: 18px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        color: #3b4954;
    }
    
    .footer-bowler .holder-card p strong {
        font-family: 'AvenirNextCondensed-DemiBold';
    }
    
    .footer-bowler {
        padding: 22px 0;
    }
    
    .match-official {
        padding: 26px 0;
    }
    
    .match-official h3 {
        margin-bottom: 7px;
    }
    
    .match-official p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
        color: #3b4954;
    }
    
    .card_header a {
        display: flex;
        align-items: center;
        font-family: 'Gilroy-ExtraBold';
        font-size: 32px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #3b4954;
        border-top: 2px solid #ECECEC;
        padding: 21px 0;
    }
    
    .card_header a img {
        margin-left: 10px;
    }
    
    .accordian .card-match:last-child .card_header a {
        border-bottom: 2px solid #ECECEC;
    }
    
    .card_body {
        border-top: 2px solid #ECECEC;
        padding: 15px 0;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
        color: #3b4954;
        display: block;
    }
    
    .accordian {
        margin-top: 28px;
    }
    
    .points-table .table-striped thead tr,
    .points-table .table-striped tbody tr {
        background-color: #E5E8F0;
    }
    
    .points-table .table-striped tbody tr td {
        font-family: 'AvenirNextCondensed-DemiBold';
        font-size: 18px;
        text-align: left;
        color: #3b4954;
        padding: 8px 18px 4px;
    }
    
    .points-table .table-striped tbody tr td.med {
        font-family: 'AvenirNextCondensed-Medium';
    }
    
    .points-table {
        max-width: 400px;
        margin: 0 auto;
        display: none;
    }
    
    .points-table .table-striped tbody tr:nth-of-type(even) {
        background-color: #CFD9E8;
    }
    
    .points-table .table-striped tbody tr:nth-of-type(even) td {
        padding: 13px 18px 9px;
    }
    
    .ipad-view {
        display: none;
    }
    
    .flex-row.header-row .s-m {
        display: none;
    }
    
    .bowler-detail thead tr th .s-m {
        display: none;
    }
    
    .m-player {
        display: none;
    }
    
    .mobile_v {
        display: none;
    }
    
    .wrapper.sticky .breadcrumb-links,
    .wrapper.sticky .main_contant {
        position: fixed;
        left: 0;
        right: 0;
        top: 79px;
        background-color: #fff;
        z-index: 1;
        transition: all 0.3s;
    }
    
    .wrapper.sticky .main_contant {
        top: 150px;
    }
    
    .wrapper.sticky .score-box h3,
    .wrapper.sticky .score-box h4,
    .wrapper.sticky .current-score,
    .wrapper.sticky .result-card h2,
    .wrapper.sticky .linkpointstable {
        visibility: hidden;
        opacity: 0;
        height: 0 !important;
        display: block;
        margin: 0;
    }
    
    .wrapper.sticky .points-btn {
        display: none
    }
    
    .result-card {
        transition: all 0.3s;
    }
    
    .wrapper.sticky .result-card {
        padding: 16px 50px 24px;
        border-radius: 0;
    }
    
    .wrapper.sticky .match-report {
        margin: 0;
        padding: 0;
    }
    
    .wrapper.sticky .score-box {
        padding: 0;
    }
    
    .wrapper.sticky .score-box .flag-team {
        margin: 0;
    }
    
    .wrapper.sticky .flag-team {
        width: 92px;
        height: 92px;
        font-size: 39px;
    }
    
    .wrapper.sticky .flag-team span {
        width: 46px;
        height: 46px;
        font-size: 18px;
    }
    
    .wrapper.sticky .match-report .row {
        align-items: center;
    }
    
    .wrapper.sticky .annouce-result {
        margin: 0;
    }
    
    .wrapper.sticky .points-table {
        display: none !important;
    }
    
    .wrapper.sticky {
        padding-top: 392px;
    }