@import https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900;
.secTag{
    display:none;
    color:#fff;
    display:inline-block;
    overflow:hidden;
    font:500 11px/16px Roboto,Arial,sans-serif;
    border-radius:2px;
    margin:0 0 10px;
    background:#9e9e9e;
    padding:2px 7px;
    z-index:999;
    text-transform:uppercase;
    letter-spacing:.5px
}
.textColor{
    color:#fff
}
.navunit{
    display:none
}
.navunit.active{
    display:block
}
.fullwidth{
    width:100%!important
}
.inactive{
    display:none!important
}
.SMwrapper section{
    padding:0!important
}
#primary{
    margin-top:72px!important
}
.bottomStrip .matResult span i,.cardBottomStrip,ul.matches li .cardBottomStrip p,.teamScore,.teamScore .runRate i,.playerCard .playerContent .otherStats span i{
    font-family:Roboto!important
}
.tmLogoStrip span,.matType span.matTourName{
    color:#fff
}
ul.matches li .cardBottomStrip p.mthTime,ul.matches li .cardBottomStrip p.mthDate{
    font-size:11px
}
.rightSection{
    overflow-y:auto!important
}
.navunit{
    display:none
}
.navunit.active{
    display:block
}
.fullwidth{
    width:100%!important
}
.inactive{
    display:none!important
}
.SMwrapper section{
    padding:0!important
}
.vclickable::before{
    width:14px;
    height:14px;
    background:url(../images/play-btn.png) no-repeat center left / 12px;
    margin-right:2px;
    border-radius:50%;
    vertical-align:middle;
    content:'';
    display:inline-block;
    margin-top:-3px
}
.vclickable{
    cursor:pointer
}
#briefWidgetWrapper{
    position:relative; 
    overflow:hidden;
	box-shadow: 2px 2px 6px rgba(0,0,0,.25);
	background: transparent;
}
.story-content,#briefWidgetWrapper { border-radius: 12px !important;}

#briefWidgetWrapper .briefWidgetWrapper__inner{
    position:relative;
    z-index:9; 
}
.smWidget__header .widgetDropDownWrap { display: none; }
.smWidget__header h1{
    text-align:center;
    text-transform:uppercase;
    font:600 16px/16px Roboto,Arial,Sans-Serif;
    color:#ffffff;
    padding:1.5rem 1rem;
    margin:0
}
.smTabContent{
    min-height:400px
}
.widgetDropDownWrap{
    padding:0 10px
}
.widgetDropDownWrap #widgetDropdown select{
  
    text-transform:uppercase;
    background-color:transparent;
    border-radius:0;
    color:#ffffff;
    padding:10px;
    margin-bottom:1px;
    font:600 12px Roboto,Arial,sans-serif;
    width:100%; border: 1px solid rgba(215, 191, 56, 0.47) !important;
}
.widgetDropDownWrap #widgetDropdown{
    display:block
}
.leftSection{
    padding:15px 0;
    display:block;
    overflow:hidden;  position: relative; /*background: linear-gradient(to bottom, #990A3BAB 30%, #E1440099 80%);*/
	z-index: 0;background: url(../images/11.png) no-repeat center / cover;
}

.leftSection::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
 z-index: -1; }

#onFieldPlayer{
    margin-top:10px
}
.playerCard{
    overflow:hidden;
    background:rgba(255, 255, 255, 0.05);
    position:relative;
    padding:8px 5px;
    border-radius:5px;
    margin:0 0 2px
}
.greenDot,.redDot{
    width:8px;
    height:8px;
    border-radius:50%;
    position:absolute;
    right:50px;
    top:10px;
    text-indent:-99999px
}
.greenDot{
    background:#ff0d09
}
.redDot{
    background:#2b964a; display: none;
}
.playerCard .plyPhoto{
    width:35px;
    height:35px;
    background:#fff;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    margin-right:10px
}
.playerCard .plyPhoto img{
    width:40px;
    height:40px
}
.playerCard .playerContent{
    position:absolute;
    top:5px;
    z-index:99;
    display:inline-block;
    vertical-align:middle
}
.playerCard .playerContent .mainStats{
    color:#fff;
    font:500 14px/18px Roboto,Arial,Sans-Serif;
    margin-left:10px
}
.playerCard .playerContent .plyName,.playerCard .playerContent .mainStats{
    display:inline-block;
    vertical-align:middle
}
.playerCard .playerContent .plyName,.playerCard .playerContent .otherStats{
    text-transform:uppercase;
    color:#fff;
    font:400 12px/16px Roboto,Arial,Sans-Serif
}
.playerCard .playerContent .otherStats{
    display:block;
    overflow:hidden;
    margin-top:4px
}
.playerCard .playerContent .otherStats span{
    font-weight:400;
    color:rgba(255,255,255,0.5)
}
.playerCard .playerContent .otherStats span:not(:last-child){
    margin-right:15px
}
.playerCard .playerContent .otherStats span i{
    font-family:'Roboto';
    font-weight:500;
    font-style:normal;
    color:#fff;
    margin-left:5px
}
.playerCard .curPlyTeamLogo{
    position:absolute;
    top:3px;
    z-index:0;
    right:3px
}
.playerCard .curPlyTeamLogo img{
    z-index:9999;
    width:35px;
    opacity:.55
}
.sepLine{
    display:block;
    height:1px;
    background:#000;
    clear:both;
    background:-webkit-gradient(radial,50% 50%,0,50% 50%,200,from(rgba(255,255,255,0.5)),to(rgba(0,0,0,0)));
    margin-bottom:5px
}
.tossDetails{
    text-align:center;
    color:#fff;
    font:400 12px/18px Roboto,Arial,Sans-Serif;
    margin-bottom:10px;
    text-transform:uppercase
}
.matType{
    padding:0!important;
    font:400 12px/16px Roboto,Arial,Sans-Serif;
    text-align:center;
    margin-bottom:5px
}
.matType span.dayCount{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    font-size:12px;
    margin-bottom:5px;
    display:none
}
.matType span.liveTag{
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    margin:0 5px 5px 0
}
.matType span.matTourName{
    color:#fff;
    display:block;
    font-size:12px;
    font-weight:500;
    color:#fff
}
.tmLogoStrip{
    display:block;
    margin:0 0 6px;
    text-align:center
}
.tmLogoStrip span{
    display:block;
    font:400 12px/16px Roboto,Arial,Sans-Serif;
    text-transform:uppercase
}
.tmLogoStrip span.tLogo{
    width:40px;
    height:40px;
    background:transparent;
    margin-bottom:5px;
    border-radius:50%;
    display:inline-block;
    overflow:hidden
}
.tmLogoStrip span.tLogo img{
    width:40px;
    margin:0
}
.teamScore{
    text-align:center;
    color:#fff;
    margin:0 0 5px;
    display:block;
    overflow:hidden
}
.teamScore span{
    display:block
}
.teamScore .run{
    font:600 22px/26px Roboto,Arial,Sans-Serif
}
.teamScore .runRate{
    font:400 12px/14px Roboto,Arial,Sans-Serif
}
.teamScore .runRate i{
    font-style:normal
}
.teamScore .runRate i:not(:last-child){
    margin-right:10px
}
.tvt,.tvtInn{
    text-transform:uppercase;
    text-align:center;
    font:400 12px Roboto,Arial,Sans-Serif;
    color:rgba(255,255,255,0.85)
}
.tvt{
    line-height:65px
}
.bottomStrip{
    border-top:1px solid #9fa1a5;
    display:block;
    overflow:hidden;
    color:#fff
}
.bottomStrip .matResult{
    text-transform:uppercase;
    padding:8px 10px;
    font:600 14px/20px Roboto,Arial,Sans-Serif;
    display:block;
    text-align:center
}
.bottomStrip .matResult span{
    display:block;
    font:400 13px/16px Roboto,Arial,Sans-Serif
}
.bottomStrip .matResult span i{
    font-style:normal;
    display:inline-block;
    vertical-align:middle;
}
.bottomStrip .matResult span i.mtDate, .bottomStrip .matResult span i.mtVenue { font-weight: 600; }
.bottomStrip .smLinks{
    display:block;
    margin:0 auto;
    text-align:center
}
.bottomStrip a.mcLink{  border-radius: 8px;
    text-align:center;
    transition:all .25s ease-in-out;
    font:600 13px/16px Roboto,Arial,Sans-Serif;
    text-transform:uppercase;
    overflow:hidden;
    display:inline-block;
    padding:10px;
    color:#fff;
    background:-webkit-linear-gradient(140deg,#710033 40%,#b04d26 120%);
    background:-moz-linear-gradient(140deg,#710033 40%,#b04d26 120%);
    background:-o-linear-gradient(140deg,#710033 40%,#b04d26 120%);
    background:linear-gradient(140deg,#710033 40%,#b04d26 120%);
    border:0
}

.bottomStrip a.mcLink i{ display: none;
    text-transform:uppercase;
    font-style:normal;
    font:400 11px/13px Roboto,Arial,Sans-Serif
}
.bottomStrip a.mcLink:hover,.bottomStrip a.mcLink:focus{
    color:#232323;
    background:#fbf471
}
.bottomStrip a.vdLink:hover,.bottomStrip a.vdLink:focus vdLink{
    background:#9b1b1e
}
.bottomStrip a.vdLink{
    border-right:1px solid rgba(255,255,255,0.35);
    background:#b36e0f
}
.bottomStrip a.vdLink img{
    display:inline-block;
    vertical-align:middle;
    width:24px;
    margin-right:10px
}
.bottomStrip a.vdLink span{
    text-align:left;
    display:inline-block;
    vertical-align:middle
}
.rightSection{
    overflow-y:auto;
    display:block;
    background:#171A4C;
    padding:10px; 
}
#story-wrapper.liveMatchesFound .story-content{
    padding-bottom:100px
}
.rightSection h1{
    padding:10px 5px;
    text-align:center;
    font:600 16px/16px Roboto,Arial,Sans-Serif;
    margin:0 0 5px;
    color:#fff;
    text-transform:uppercase
}
.rightSection .tourDropdown{
    color:#E5CE51;
    font:400 12px Roboto,Arial,sans-serif;
    padding:6px;
    margin:0 0 10px;
	line-height: 1rem;
}
.rightSection ul.matches li.card{
    padding:10px;
    margin:0 0 10px;
    border-radius:10px; background: #272A6FA1 !important;border: 1px solid #ffe76136;
}
.rightSection ul.matches li.card:last-child{
    margin-bottom:0
}
ul.matches{
    margin-bottom:10px
}
ul.matches li .cardTopStrip{
    line-height:18px
}
ul.matches li .cardTopStrip p{
    display:inline-block;
    vertical-align:middle;
    font:400 12px/16px Roboto,Arial,Sans-Serif
}
ul.matches li .cardTopStrip p.mthCount{
    color:#232323;
    font-size:11px;
    background:#ffe761;
    border-radius:5px;
    padding:2px 5px;
    margin-right:10px;
    text-transform:uppercase;
    font-weight:600
}
ul.matches li .cardTopStrip p.mthVenue{
    color:#ffffff;
    text-transform:uppercase
}
ul.matches li .teamPlay{
    display:block;
    overflow:hidden
}
ul.matches li .teamPlay .tmLogoStrip{
    text-align:left;
    margin:5px 0 0
}
ul.matches li .teamPlay .tmLogoStrip span{
    display:inline-block;
    vertical-align:middle
}
ul.matches li .teamPlay .tmLogoStrip span.tmName{
    font:600 12px/16px Roboto,Arial,Sans-Serif;
    color:#ffffff;
    width:75%
}
ul.matches li .teamPlay .tmLogoStrip span.tmName i{
    font-style:normal;
    display:block
}
ul.matches li .teamPlay .tmLogoStrip .tLogo{
    margin:0 8px 0 0;
    width:30px;
    height:30px;
    /*! background:#fff */
}
ul.matches li .teamPlay .tmLogoStrip .tLogo img{
    width:40px;
    height:40px;
    margin:0
}
ul.matches li .cardBottomStrip{
    color:#ffffff;
    line-height:14px;
    padding-bottom:6px
}
ul.matches li .cardBottomStrip p{
    display:inline-block;
    vertical-align:middle;
    font:400 12px/15px Roboto,Arial,Sans-Serif
}
ul.matches li .cardBottomStrip p.mthTime{
    margin-left:10px
}
ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName{
    font:400 11px/14px Roboto,Arial,Sans-Serif;
}
ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i{
    font:600 14px/16px Roboto,Arial,Sans-Serif
}
ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin{
    opacity:1
}
ul.matches.resultBox li .teamPlay .tmLogoStrip.teamWin span.tmName{
    width:75%
}
ul.matches li .cardTopStrip p.mcOrder{
    font-size:12px;
    font-weight:500;
    color:#9b1b1e;
    text-transform:capitalize;
    margin-right:8px;
    display:none
}
.countdownTitle{
    padding:0;
    margin:5px 0;
    text-align:center
}
.GVdetails{
    padding:0!important;
    margin-bottom:20px
}
.GVdetails span{
    display:inline-block;
    vertical-align:middle
}
.GVdetails b{
    display:inline-block;
    vertical-align:middle;
    font-weight:600;
    font-size:12px
}
#tournamentCountdown.fixtureTimerCountdown{
    display:#000;
    overflow:hidden;
    text-align:center;
    color:#fff;
    padding:5px 10px 10px;
    margin:0 auto;
    border-radius:5px
}
#tournamentCountdown.fixtureTimerCountdown .fixtureTimer{
    padding:5px 10px;
    display:inline-block;
    overflow:hidden;
    background:linear-gradient(140deg,#ffe761,#ffe761);
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0,0,0,0.3)
}
#tournamentCountdown.fixtureTimerCountdown.inactive{
    display:none
}
#tournamentCountdown .fixtureTimer i{
    font-size:56px;
    font-family:Roboto;
    color:rgba(0,0,0,0.6);
    font-style:normal;
    margin-left:10px
}
#tournamentCountdown .fixtureTimer:last-child{
    border:0
}
#tournamentCountdown .fixtureTimer .timervalue,#tournamentCountdown .countdownTitle{
    color:#171A4C;
    font:600 16px/18px Roboto,sans-serif;
    display:block;
    text-shadow:0 1px 0 rgba(0,0,0,0.3)
}
#tournamentCountdown .fixtureTimer .timerLabel{
    color:#131313;
    font-size:12px;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    text-transform:uppercase
}
#fixCountDown .countdownTitle{
    color:#fff;
    display:block;
    overflow:hidden;
    font-family:'Roboto',sans-serif
}
#fixCountDown .countdownTitle i{
    font-family:'Roboto',sans-serif;
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    font-size:12px;
    font-weight:500;
    font-style:normal;
    padding:0 0 0 5px
}
.matType span.liveTag,#fixCountDown .countdownTitle span{
    font-family:'Roboto',sans-serif;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    border-radius:2px;
    display:inline-block;
    vertical-align:middle;
    padding:0 6px 1px;
    -webkit-animation:background-change 1.2s infinite;
    -moz-animation:background-change 1.2s infinite;
    -o-animation:background-change 1.2s infinite;
    -ms-animation:background-change 1.2s infinite;
    animation:background-change 1.2s infinite
}
@-webkit-keyframes background-change{
    0%{
        background:#a81000
    }
    50%{
        background:#f9422f
    }
    100%{
        background:#a81000
    }
}
@-moz-keyframes background-change{
    0%{
        background:#a81000
    }
    50%{
        background:#f9422f
    }
    100%{
        background:#a81000
    }
}
@-ms-keyframes background-change{
    0%{
        background:#a81000
    }
    50%{
        background:#f9422f
    }
    100%{
        background:#a81000
    }
}
@-o-keyframes background-change{
    0%{
        background:#a81000
    }
    50%{
        background:#f9422f
    }
    100%{
        background:#a81000
    }
}
@keyframes background-change{
    0%{
        background:#a81000
    }
    50%{
        background:#f9422f
    }
    100%{
        background:#a81000
    }
}
#fixCountDown .tmLogoStrip span.tLogo{
    width:90px;
    height:90px
}
#fixCountDown .tmLogoStrip span.tLogo img{
    margin:2px;
    width:86px
}
#fixCountDown .tmLogoStrip span{
    font-size:12px;
    line-height:16px;
    font-weight:400
}
#fixCountDown .bottomStrip .matResult span{
    font:400 13px/18px Roboto,Arial,Sans-Serif;
    text-transform:uppercase
}
.liveResBlock{
    position:relative;
    float:left;
    width:100%; z-index: 1;
}
.liveResBlock .slideBtn{
    margin:0 auto
}
.prevBtn,.nextBtn{
    position:absolute;
    top:16%;
    overflow:hidden
}
.nextBtn{
    right:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.prevBtn{
    left:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.liveResBlock .slideBtn a img{
    width:30px;
    background-color:#fff;
    padding:10px 5px
}
.calenderStrip{
    display:flex;
    align-items:center;
    clear:both;
    justify-content:center
}
.addeventatc{
    margin-right:5px;
    background-color:rgba(0,0,0,0.4);
    color:#fff!important;
    font-weight:700;
    font-size:11px;
    text-transform:uppercase;
    padding:10px 5px 10px 35px;
    border:0
}
.addeventatc:hover,.addeventatc:focus{
    font-size:11px;
    border:0
}
.addeventatc .addeventatc_icon{
    top:6px;
    left:8px;
    background:url(../images/cal-icon.png) no-repeat;
    background-size:20px;
    width:22px;
    height:22px
}
.calenderStrip .fixweather{
    background:rgba(0,0,0,0.4);
    border-radius:4px;
    padding:3px 8px 3px 5px;
    color:#fff;
    font-weight:500;
    font-family:roboto
}
.calenderStrip .fixweather img{
    margin-right:5px
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    .smTabContent{
        height:auto
    }
    .widgetWrapper{
        width:100%
    }
    ul.smTabs{
        width:100%
    }
    .leftSection{
        padding:10px 0;
        border-right:0 none;
        border-bottom:1px solid rgba(255,255,255,0.75)
    }
    .matType{
        font-size:11px;
        line-height:15px;
        margin-bottom:10px
    }
    .tmLogoStrip{
        margin-bottom:5px
    }
    .tmLogoStrip span.tLogo{
        width:40px;
        height:40px
    }
    .tmLogoStrip span.tLogo img{
        width:35px;
        margin:2px
    }
    .tvt{
        line-height:42px
    }
    .teamScore .run{
        font-size:20px;
        line-height:24px
    }
    .teamScore .runRate{
        font-size:12px;
        line-height:16px
    }
    .teamScore .runRate i:not(:last-child){
        margin-right:5px
    }
    .tvtInn{
        font-size:10px
    }
    #onFieldPlayer{
        margin:0
    }
    .playerCard{
        margin:5px 0;
        padding:5px 10px
    }
    .playerCard .plyPhoto,.playerCard .plyPhoto img{
        width:35px;
        height:35px
    }
    .playerCard .playerContent .mainStats{
        font-size:14px;
        line-height:22px
    }
    .playerCard .playerContent .plyName,.playerCard .playerContent .otherStats{
        font-size:12px
    }
    .greenDot,.redDot{
        top:10px;
        width:7px;
        height:7px
    }
    .bottomStrip .matResult{
        font-size:12px;
        line-height:16px;
        text-align:center
    }
    .bottomStrip .matResult span.matDate{
        margin-top:5px
    }
    .bottomStrip .smLinks{
        float:none;
        width:100%;
        display:#000;
        overflow:hidden
    }
    .bottomStrip a.mcLink{
        font-size:14px;
        line-height:16px;
        width:50%;
        padding:5px 0
    }
    
    .rightSection{
        border-top:1px solid rgba(0,0,0,0.2);
        border-left:0 none;
        padding:10px 5px 0
    }
    .rightSection .tourDropdown{
        font-size:12px
    }
    .rightSection ul.matches li.card{
        padding:10px 8px;
        margin:0 0 10px
    }
    ul.matches li .cardTopStrip{
        margin-bottom:5px
    }
    ul.matches li .cardTopStrip p.mthCount{
        font-size:10px
    }
    ul.matches li .cardBottomStrip{
        font-size:10px;
        line-height:14px
    }
    ul.matches li .teamPlay .tmLogoStrip .tLogo{
        width:30px;
        height:30px
    }
    ul.matches.resultBox li .teamPlay .tmLogoStrip span.tmName i{
        font-size:13px
    }
    .matType span.matTourName,.tossDetails{
        font-size:12px
    }
    #fixCountDown .tmLogoStrip span.tLogo{
        width:65px;
        height:65px
    }
    #fixCountDown .tmLogoStrip span.tLogo img{
        width:45px;
        margin:9px
    }
    #fixCountDown .tmLogoStrip span{
        font-size:14px;
        line-height:18px
    }
    #tournamentCountdown.fixtureTimerCountdown{
        padding:0 10px;
        margin:0 auto 10px
    }
    #tournamentCountdown .fixtureTimer .timervalue,#tournamentCountdown .countdownTitle{
        font-size:28px;
        line-height:38px
    }
    #tournamentCountdown .fixtureTimer .timerLabel{
        display:block
    }
    #tournamentCountdown.fixtureTimerCountdown .fixtureTimer{
        padding:0 13px
    }
    #tournamentCountdown .fixtureTimer .timervalue{
        line-height:32px
    }
    .playerCard .curPlyTeamLogo img{
        width:40px;
        top:20px
    }
    .leftSection{
        min-height:10px
    }
    .nextBtn{
        right:0
    }
    .prevBtn{
        left:0
    }
    .prevBtn,.nextBtn{
        top:116px
    }
    .prevBtn img,.nextBtn img{
        width:20px
    }
    .playerCard .playerContent{
        top:0
    }
}
@media only screen and (min-device-width : 360px) and (max-device-width : 640px){
    .smTabContent{
        height:auto
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .smTabContent{
        height:auto
    }
    #onFieldPlayer{
        margin:0
    }
    .playerCard{
        text-align:center
    }
    .playerCard .plyPhoto{
        margin:0 0 5px;
        position:inherit
    }
    .playerCard .playerContent{
        padding:0;
        width:100%;
        position:inherit
    }
    .playerCard .curPlyTeamLogo{
        left:5px;
        right:inherit;
        top:5px
    }
    .playerCard .curPlyTeamLogo img{
        right:inherit
    }
    .bottomStrip .matResult{
        text-align:center
    }
    .bottomStrip .smLinks{
        float:none;
        width:100%;
        display:#000;
        overflow:hidden
    }
    .bottomStrip a.mcLink{
        font-size:14px;
        line-height:16px;
        width:50%;
        padding:12px 0
    }
}
@media (max-width:757px){
    .row{
        padding:0!important
    }
    #primary{
        margin-top:0!important;
        padding-top:10px!important
    }
}
@media (max-width : 1024px){
    .leftSection{
        min-height:10px
    }
}

@media (max-width : 480px)
{
	.bottomStrip a.btnFull{ padding: 10px; }

}