/*@font-face {
  font-family:'Roboto Slab';
 font-display: swap;
  src: url('/common/adaptive/fonts/robotoslabregular.ttf');
 size-adjust: 100%;
    ascent-override: normal;
    descent-override: normal;
    line-gap-override: normal;
}*/
* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
body {font-family: Arial, Helvetica, sans-serif;background: #FBFBFB;}
a {color: #06c;text-decoration: none;outline: none;}
img {border: 0 none;max-width: 100%;}
ul, ol {list-style-type: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.oi-footer {clear:both;}
body.overflw, html.overflw{overflow: hidden;}
.os-width {
    margin: auto;
    padding: 0 10px;
}
.oi-wrapper {font-family:Arial, Helvetica, sans-serif;background: var(--color-primary);}
.oi-wrapper.navfixed:first-of-type {
    margin-top: 50px;
}
.oi-header {background: var(--color-primary);}
.oi-header-top {height: 45px;background: var(--color-primary);z-index: 10000;}
.oi-header-logo {float: left;margin: 12px 0px 0px 20px;}
.oi-header-logo img {width: 110px;}
.oi-header-logo {font-size: 24px;color: #3e3e3d;font-weight: bold;line-height: 22px;position: relative;}
.oi-header-logo a {color: #3e3e3d;display: inline-block;position: relative;float: left;}
.oi-lang-arrow {position: absolute;right: -30px;top: 0;display: none;width: 24px;height: 24px;z-index: 1000;}
.oi-lang-arrow:after {position: absolute;border: solid #6c6360;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 7px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;left: 5px;content: '';}
.oi-header-menuwrap {float: right;margin: 18px 20px 0 0px;height: 25px;}
.oi-header-menu {position: relative;width: 35px;display: block;cursor: pointer;}
.oi-header-menu i {background: var(--menu-bg);height: 1px;position: absolute;transition: all ease-in-out .4s;-webkit-transition: all ease-in-out .4s;-moz-transition: all ease-in-out .4s;-o-transition: all ease-in-out .4s;border-radius: 5px;}
.oi-header-menu i:nth-child(1) {top: 0;right: 0;width: 24px;} 
.oi-header-menu i:nth-child(2) {top: 6px;right: 0;width: 20px;}
.oi-header-menu i:nth-child(3) {top: 12px;right: 0;width: 24px;}

.oi-header-menu.menu-open i:nth-child(1) {top: 6px;bottom: 13px;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);}
.oi-header-menu.menu-open i:nth-child(2) {opacity: 0;visibility: hidden;}
.oi-header-menu.menu-open i:nth-child(3){top: 6px;bottom: 13px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);}

.oi-header-navigation {
    background-color: var(--color-secondary);
    height: calc(100% - 55px);
    overflow-y: scroll;
    width: 100%;
    right: -2000px;
    position: fixed;
    z-index: 99999999;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all ease-in-out .45s;
    -webkit-transition: all ease-in-out .45s;
    -moz-transition: all ease-in-out .45s;
    -o-transition: all ease-in-out .45s;
    display: block;
    z-index: 100000;
    bottom: 0;
}
.oi-header-navigation.menu-open {
    right: 0;
    border-top: 1px solid #e6e6e6;
}
.oi-header-navigation ul li {width: 100%;border-right: none;padding: 12px 0;line-height: 16px;border-bottom: 1px solid var(--border-color-primary);}
.oi-header-navigation ul li a {display: block;font-size: 16px;padding: 8px 18px;color: var(--font-color);position: relative;}
.oi-header-navigation ul li.show span i {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.oi-header-navigation ul li span i {position: absolute;color: var(--font-color);right: 10px;top: 5px;transition: all ease-in-out .25s;-webkit-transition: all ease-in-out .25s;-moz-transition: all ease-in-out .25s;-ms-transition: all ease-in-out .25s;-o-transition: all ease-in-out .25s;}
.oi-language-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 100000;background: rgba(0,0,0,0.5);display: none;}
.oi-language-navigation {background-color: #fff;overflow-y: scroll;width: 100%;left: 0;right: 0;position: fixed;z-index: 99999999;transition: all ease-in-out .45s;-webkit-transition: all ease-in-out .45s;-moz-transition: all ease-in-out .45s;-o-transition: all ease-in-out .45s;display: block;z-index: 100000;bottom: -1000px;}
.oi-language-navigation.lang-open {bottom: 0;}
.oi-language-navigation ul li {width: 100%;border-right: none;padding: 12px 0;line-height: 16px;border-bottom: 1px solid #eceaeb;}
.oi-language-navigation ul li a {display: block;font-size: 16px;padding: 8px 18px;color: #262223;position: relative;}
.oi-language-navigation ul li a i {position: absolute;right: 20px;top: 5px;background: #2ba3ff;width: 24px;height: 24px;border-radius: 50%;}
.oi-language-navigation ul li a i:after {content: '';position: absolute;left: -5px;top: 5px;display: inline-block;transform: rotate(45deg);height: 10px;width: 5px; margin-left: 60%;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.oi-language-overlay.lang-open {display: block;}
.oi-close-lang {width: 30px;height: 3px;background: #6c6360;position: absolute;left: 0;right: 0;top: 6px;margin: auto;border-radius: 5px;}
.oi-header-categorywrap.navfixed .oi-header-category {
    height: 38px;
}
.oi-header-categorywrap {background: var(--color-primary);}
.oi-header-category {border-bottom: 1px solid var(--border-color-primary);margin: 0px 0px 0px 0px;height: 34px;overflow: hidden;padding: 0 20px 0 15px;}
.oi-header-category ul {white-space: nowrap;width: 100%;overflow-x: auto;margin: 0;box-sizing: border-box;padding: 0 0 35px 0;}
.oi-header-category ul li {display: inline-block;margin: 0px 15px 0 5px;white-space: normal;vertical-align: top;line-height: 32px;}
.oi-header-category ul li a {font-size: 15px;color: var(--font-color-secondary);padding: 0px;display: block;text-decoration: none;}
.oi-header-category ul li a.active {color: var(--font-color);font-weight: bold;border-bottom: 2px solid var(--bg-active-color-primary);}
.oi-header-categorywrap.navfixed .oi-header-category ul li a.active {border-bottom: 2px solid var(--bg-active-color-primary);color: var(--font-color);}
.oi-header-categorywrap.navfixed .oi-header-category ul li {margin: 4px 15px 4px 5px;}
.oi-header-categorywrap.navfixed .oi-header-category {height: 38px;}
.oi-header-categorywrap.navfixed {background: var(--color-primary); position: fixed;left: 0;top: 0;right: 0;z-index: 10000;padding-top: 0px;box-shadow: 0px 0px 0px, 0px 0px 0px, rgba(0, 0, 0, 0.15) 1px 3px 8px;}
.oi-header-categorywrap.navfixed::after {opacity: 1;}
.oi-header-categorywrap::after {content: "";position: absolute;top: 0px;left: 0px;height: 100%;width: 100%;z-index: -1;box-shadow: transparent 0px 0px, transparent 0px 0px, rgba(0, 0, 0, 0.15) 1px 3px 6px;opacity: 0;transition: opacity 200ms ease-out 0s;}

.oi-container {background: var(--color-tertiary);}
.oi-scores-sliderwrap {padding: 24px 20px 0px 20px;}
.oi-scores-mainheading {font-size: 20px;color: var(--font-color);font-weight: bold;text-transform: capitalize;margin-bottom: 24px;line-height: 18px;}
.oi-scores-slider {height: 195px;overflow: hidden;}
.oi-scores-slider ul {white-space: nowrap;overflow-x: auto;padding-bottom: 20px;}
.oi-scores-slider ul li {display: inline-block;margin: 0px 8px 0 3px;width: 300px;vertical-align: top;white-space: normal;padding-bottom: 3px;}
.oi-scores-slidercontent {background: var(--color-secondary);padding: 12px 10px;width: 280px;height: 155px;box-shadow: 1px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.10);}
.oi-scores-slider ul li a {text-decoration: none;}
.oi-scores-header {position: relative;}
.oi-scores-heading {font-size: 12px;color: var(--font-color-secondary);margin-bottom: 5px;}
.oi-scores-heading span {font-weight: normal;}
.oi-scores-result  {font-size: 13px;color: var(--font-color-secondary);font-weight: normal;padding: 3px 0 8px 0;}
.oi-scores-row {padding: 8px 0;}
.oi-scores-cricket-icon {position: absolute;right: 0;top: -5px;width: 14px;height: 24px;background: url(/images/cricket-icon1.svg) no-repeat 0 0;display: none;}
.oi-scores-football-icon {position: absolute;right: -5px;top: -8px;width: 24px;height: 25px;background: url(/images/football-icon1.svg) no-repeat 0 0;display: none;}

.oi-scores-team {float: left;font-size: 13px;color: var(--font-color-secondary);font-weight: normal;}
.oi-scores-score {float: right;font-size: 13px;color: var(--font-color-secondary);font-weight: normal;}
.ipl-teamicon {display: inline-block;margin-right: 5px;vertical-align: middle;font-size: 10px;text-transform: uppercase;font-weight: bold;width: 24px;height: 16px;color: #fff;text-align: center;line-height: 16px;border-radius: 2px;}
.ipl-teamicon img {border-radius: 3px;}
.ipl-teamname {font-size: 13px;color: var(--font-color-secondary);font-weight: bold;display: inline-block;vertical-align: middle;}
.oi-scores-date {font-size: 13px;color: var(--font-color-secondary);padding: 5px 0;}

                    
.oi-content {padding: 0 20px;border-top: 1px solid var(--border-color-primary);margin-top: 14px;}
.oi-article-wrapper {margin-bottom: 24px;box-shadow: 1px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.10);}
.oi-category-mainsection .oi-article-wrapper {box-shadow: none;}
.oi-article-image {}
.photo-thumb {}
.oi-article-image img {max-width: 100%;display: block;width: 100%;}
.oi-article-titlewrap {padding: 24px 15px;background: var(--color-secondary);}
.oi-article-title a{font-size: 18px;color: var(--font-color);font-weight: 700;text-align: left;line-height: 26px;text-transform: capitalize;}
.oi-category-mainsection {padding-top: 0px;}
.oi-category-wrap {position: relative;}
.oi-category-headinwrap {padding: 24px 0px;position: relative;}
.oi-heading {font-size: 20px;color: var(--font-color);font-weight: bold;text-transform: capitalize;position: relative;line-height: 25px;} 
.oi-catarrow-icon {position: absolute;right: 0;top: 4px;height: 24px;width: 34px;display: block;cursor: pointer;background: #ff003c;border-radius: 3px;}
.oi-catarrow-icon:after {content: '';position: absolute;border: solid #fff;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 14px;top: 7px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-category-list {height: 0px;overflow: hidden;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-category-list ul {white-space: nowrap;width: 100%;overflow-x: auto;margin: 0;box-sizing: border-box;padding: 0 0 17px 0;}
.oi-category-list ul li {display: inline-block;margin: 0 5px 0 0;white-space: normal;vertical-align: top;}
.oi-category-list ul li a {font-size: 15px;color: var(--font-color-secondary);padding: 0px 8px 0 0px;display: block;}
.oi-category-list ul li a.active {color: var(--font-color);font-weight: bold;}


.oi-category-wrap.slide .oi-category-list {height: 40px;padding-top: 0px;}
.oi-category-wrap.slide .oi-category-list ul {padding: 0 0 30px 0;}
.oi-category-wrap.slide .oi-catarrow-icon:after {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: 10px;}


.oi-footer {padding: 0 0px 10px 0;background: #262322;}
.oi-footer-accorheading {font-size: 18px;color: #fff;font-weight: bold;padding: 15px 20px;text-transform: uppercase;position: relative;cursor: pointer;border-bottom: 1px solid rgba(255,255,255,.05);}
.oi-footer-disclaimer {font-size: 16px;color: rgba(255,255,255,.3);padding: 16px 20px;text-align: left;line-height: 24px;}
.oi-footer-accorcontent {background: rgba(255,255,255,.05);display: none;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-footer-accoricon {width: 20px;height: 20px;color: #fff;font-size: 14px;text-align: center;line-height: 16px;position: absolute;right: 15px;top: 17px;font-size: 22px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-footer-accoricon:after {content: '';position: absolute;border: solid #fff;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 4px;top: 7px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-footer-accoricon.up:after {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

.oi-footer-links {}
.oi-footer-links ul {}
.oi-footer-links li {border-bottom: 1px solid rgba(255,255,255,.05);list-style-type: none;font-size: 14px;}
.oi-footer-links ul li a {display: block;padding: 1.2em;color: rgba(255,255,255,.75);text-decoration: none;-webkit-transition-property: all;-moz-transition-property: all;transition-property: all;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;transition-timing-function: ease-in;}
.oi-footer-desc {font-size: 15px;color: rgba(255,255,255,.75);line-height: 22px;padding: 15px 20px;text-align: left;}
.oi-footer-desc p {padding: 8px 0;}
.oi-footer-social-links {padding: 15px 0;text-align: center;}
.oi-footer-social-links a {padding: 0.3em 15px 0.3em 15px;line-height: 1;display: inline-block;color: rgba(255,255,255,.75);vertical-align: middle;text-align: center;}
.oi-footer-social-links a img {width: 34px;height: 34px;}

.fade-up {transition-timing-function: ease;transition-duration: .8s;opacity: 0;transition-property: opacity,transform;transform: translateY(50px);}
.fade-up-animate {opacity: 1;transform: translate(0);}


.oi-photos-wrapper ul{white-space: nowrap;overflow-x: scroll;overflow-y: hidden;padding-bottom: 10px;padding-right: 5px;}
.oi-photos-wrapper ul {-ms-overflow-style: none;  /* Internet Explorer 10+ */scrollbar-width: none;  /* Firefox */}
.oi-photos-wrapper ul::-webkit-scrollbar { display: none;  /* Safari and Chrome */}
.oi-photos-wrapper ul li{display: inline-block;width: 270px;margin-right: 8px;vertical-align: top;box-shadow: 1px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.10);margin-left: 2px;}
.oi-photos-wrapper ul li a {text-decoration: none;}
.oi-photos-wrapper ul li:last-child{margin-right: 0px;}

.photo-thumb img{display: block;width: 100%;}
.photo-title-wrap{padding: 24px 10px;font-size: 17px;color: var(--font-color);font-weight: 400;text-align: left;height: 52px;white-space: initial;overflow: hidden;line-height: 26px;background: var(--color-secondary);text-transform: capitalize;}

.photo-thumb img{display: block;width: 100%;}
.photo-title-wrap{padding: 24px 10px;font-size: 17px;color: var(--font-color);font-weight: 700;text-align: left;height: 52px;white-space: initial;overflow: hidden;line-height: 26px;background: var(--color-secondary);text-transform: capitalize;}

.oi-points_table-wrapper{padding: 0px;}
.oi-points_table-wrapper table{width: 100%;border-collapse: collapse;font-size: 12px;font-weight: 600;text-transform: uppercase;background: #fff;}
.oi-points_table-wrapper table th, .oi-points_table-wrapper table td{padding: 7px;text-align: center;color: #333;}
.oi-points_table-wrapper table td{border: 1px solid var(--border-color-primary);background: var(--pts-mode-bg-sec);color: var(--font-color);}
.oi-points_table-wrapper table th{background: var(--pts-mode-bg);color: #fff;text-align: center;text-transform: uppercase;font-weight: normal;font-size: 14px;border: 1px solid var(--light-mode-bg-secondary);}
.oi-points_table-wrapper table th:first-child, .oi-points_table-wrapper table td:first-child{text-align: left;}
.oi-points_table-wrapper td i {width: 23px; height: auto!important;display: inline-block;vertical-align: middle;margin-right: 5px;}
.btn-morepoints{padding: 20px 0px;text-align: center;}
.btn-morepoints a{padding: 10px 20px;background: #ff003c;text-decoration: none;color: #fff;font-size: 14px;display: inline-block;}

.oi-fixtures-widget{padding: 0px;margin-bottom: 0;}
.fixtures-widget-container{border: 1px solid var(--light-mode-bg-secondary);background: var(--light-mode-bg);margin-bottom: 24px;}
.fixtures-widget-container .fixtures-widget-block:nth-child(odd){background-color: var(--light-mode-bg);border-bottom: 1px solid var(--light-mode-bg-secondary);}
.fixtures-widget-block{padding: 15px 8px;}
.live-matches-widget-heading{font-size: 13px;padding-bottom: 8px;color: var(--font-color);}
.os-match-br-status{font-size: 12px;font-weight: normal;color: var(--font-color);}
.os-match-b-team-b i{width: 23px;height: auto !important;display: inline-block;vertical-align: middle;margin-right: 5px;}
.os-match-b-team-b{font-size: 14px;text-transform: uppercase;font-weight: 600;padding-bottom: 3px;color: var(--font-color);}
.os-match-b-team-b .os-match-b-lt{display:inline-block;width:45%;vertical-align: middle;}
.os-match-b-team-b .os-match-b-rt{display: inline-block;vertical-align: top;}

.oi-visual-wrapper{}
.oi-visual-wrapper ul{white-space: nowrap;overflow-x: scroll;overflow-y: hidden;position: relative;padding-bottom: 0px;padding-right: 5px;}
.oi-visual-wrapper ul {-ms-overflow-style: none;  /* Internet Explorer 10+ */scrollbar-width: none;  /* Firefox */}
.oi-visual-wrapper ul::-webkit-scrollbar { display: none;  /* Safari and Chrome */}
.oi-visual-wrapper ul li{display: inline-block;width: 231px;margin: 0 10px 10px 2px;vertical-align: top;position: relative;white-space: normal;box-shadow: 1px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.10);background: var(--color-secondary);}
.oi-visual-wrapper ul li:last-child{margin-right: 0px;}
.oi-webstories-content{padding-bottom: 14px;background: var(--color-secondary);} 
.visual-title-wrap {padding: 12px 10px;font-size: 17px;color: var(--font-color);font-weight: 400;text-align: left;height: 65px;white-space: initial;overflow: hidden;line-height: 24px;background: var(--color-secondary);text-transform: capitalize;}
.oi-visual-wrapper .photo-thumb {margin: 0 0 0 0;position: relative;}
.oi-visual-wrapper .photo-thumb img {}
.oi-category-mainsection.common-bg .oi-category-headinwrap {}
.oi-category-mainsection.common-bg .oi-category-wrap {}

.oi-aricle-catlink {font-size: 15px;color: #fff;margin-top: -10px;}
.oi-aricle-catlink span {background: #ff003c;display: inline-block;padding: 2px 5px;margin: 2px 0 10px;}
.oi-copyright-text,.oi-footer-copyright-links {font-size: 15px;color: rgba(255,255,255,.75);text-decoration: none;text-align: left;}
.oi-footer-copyright-links a {color: rgba(255,255,255,.75);display: inline-block;padding: 0 5px;}
.oi-copyright-text {text-align: center;}
.oi-footer-copyright-links {display: none;}

.btn-more-wrap {border-bottom: 1px solid var(--border-color-primary);margin-bottom: 0px;padding-bottom: 24px;}
.btn-more-wrap .btn-morepoints {padding: 0;}
.btn-more-wrap.noborder {border-bottom: 0 none;margin-bottom: 0;}
.photos-section .oi-article-wrapper, .visualstories-section .oi-article-wrapper {box-shadow: none;}


.oi-scorecards-tabs {float: right;display: none;}


.oi-scores-main-header {margin-bottom: 5px;font-size: 13px;color: var(--font-color);font-weight: 600;}
.oi-scores-main-header span.live {color: #ed2e07;display: inline-block;font-size: 13px;text-transform: uppercase;} 
.oi-scores-main-header span.result {color: #1da138;display: inline-block;font-size: 13px;text-transform: uppercase;} 
.oi-scores-main-header span.upcoming {color: #1795fb;display: inline-block;font-size: 13px;text-transform: uppercase;}
.oi-mainheader-title {font-size: 13px;color: #262223;font-weight: 600;margin-left: 45px;}
.oi-scores-main-header span.pipe {color: #6c6360;display: inline-block;font-size: 13px;text-transform: uppercase;}

.oi-scores-links {font-size: 12px;border-top: 1px solid var(--border-color-primary);padding:0;text-align: center;}
.oi-scores-links a {color: var(--font-color-secondary);padding: 5px 15px 0 15px;display: inline-block;text-decoration: none;font-weight: 600;}

.oi-scorecards-tabselected a {background: rgba(43,163,255,0.1);color: #2ba3ff;display: inline-block;padding: 2px 25px 2px 10px;text-decoration: none;line-height: 30px;font-size: 15px;position: relative;}
.oi-scorecards-tabselected a:after {content: '';position: absolute;border: solid #2ba3ff;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 10px;top: 11px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}

.oi-scorecards-tabspopup {position: absolute;top: 35px;background: #fff;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;z-index: 10000;box-shadow: 0px 2px 6px 0px #eceaeb;height: 0;left: -20px;display: none;height: auto;right: -20px;}
.oi-scorecards-tabspopup ul {margin: 0;box-sizing: border-box;padding: 0;}
.oi-scorecards-tabspopup ul li {display: block;}
.oi-scorecards-tabspopup ul li a {font-size: 15px;color: #6c6360;padding: 8px 20px;text-decoration: none;display: block;position: relative;}
.oi-scorecards-tabspopup ul li a.active {color: #262223;font-weight: bold;}
.oi-scorecards-tabs.showmore .oi-scorecards-tabspopup {display: block;}
.oi-scorecards-tabs.showmore .oi-scorecards-tabselected a:after {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: 15px;}
.oi-scores-topheadwrap  {margin-bottom: 24px;position: relative;}
.oi-scores-topheadwrap .oi-scores-mainheading {float: left;margin-bottom: 0;margin-top: 0px;}

.oi-aricle-category {font-size: 13px;color: #6c6360;margin-top: 10px;}
.photo-nums {position: absolute;top: 8px;right: 10px;background: rgba(0,0,0,0.5);color: #fff;padding: 2px 7px;border-radius: 3px;font-size: 12px;}


.oi-mode-switcher {float: right;position: relative;margin-top: 14px;margin-right: 5px;display:none;}
.oi-mode-dark {width: 22px;height: 22px;display: inline-block;vertical-align: middle;}
.oi-mode-light {width: 22px;height: 22px;display: inline-block;vertical-align: middle;}
.oi-mode-light img, .oi-mode-dark img {width: 22px;height: 22px;}
.theame-mode {float: left;width: 45px;margin-top: 2px;}

.theme-light .oi-mode-light, .theme-dark .oi-mode-dark {display: none;}

.theme-light .oi-mode-dark, .theme-dark .oi-mode-light {display: block;}

.switch {position: relative;display: inline-block;width: 44px;height: 22px;}
/* Hide default HTML checkbox */
.switch input {opacity: 0;width: 0;height: 0;}
/* The slider */
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: 0.4s;transition: 0.4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 0px;bottom: 4px;top: 0;bottom: 0;margin: auto 0;-webkit-transition: 0.4s;transition: 0.4s;box-shadow: 0 0px 15px #2020203d;background: white;background-repeat: no-repeat;background-position: center;}
input:checked + .slider {background-color: #2196f3;}
input:focus + .slider {box-shadow: 0 0 1px #2196f3;}
input:checked + .slider:before {-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);background: white;background-repeat: no-repeat;background-position: center;}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.theme-light {
    --color-primary: #ffffff;
    --color-secondary: #ffffff;
    --color-tertiary: #FBFBFB;
    --font-color: #262223;
    --font-color-secondary: #262223;
    --font-color-tertiary: #6c6360;
    --light-mode-bg: #ffffff;
    --light-mode-bg-secondary: #e6e6e6;
    --mode-bg: #262223;
    --pts-mode-bg: #262223;
    --pts-mode-bg-sec: #fff;
    --light-mode-border-sec: #e6e6e6;
    --border-color-primary: #e6e6e6;
    --bg-active-color-primary: #2ba3ff;
    --color-primary2 :#d8d6d4;
    --tnpl-bg1 : #F2F2F2;
    --tab-bgcolor : #FBFBFB;
    --table-bgcolor: #FBFBFB;
    --table-primary-bgcolor: #333;
    --table-secondary-bgcolor: #F2F2F2;
    --table-teritiary-bgcolor: #fbfbfb;
    --os-scores-bgcolor: #f0f1f2;
    --cat-color: #6c6360;
    --menu-bg : #6c6360;
    --author-color: #6c6360;
    --adbg-color:#f5f5f5;
    --ad-color:#ccc;
    --os-live-color:#02cb02;   
--table-bg-first: #ffffff;
--table-bg-odd: #ffffff;
--table-bg-even: #f2f2f2;

}
.theme-dark {
    --color-primary: #000000;
    --color-secondary: #262322;
    --color-tertiary: #000;
    --font-color: #d2d5d9;
    --font-color-secondary: #ffffff;
    --font-color-tertiary: #6c6360;
    --light-mode-bg: #262223;
    --light-mode-bg-secondary: #6c6360;
    --mode-bg: #262223;
    --pts-mode-bg: #000;
    --pts-mode-bg-sec: #262223;
    --light-mode-border-sec: #e6e6e6;
    --border-color-primary : rgba(48,48,48,0.8);
    --bg-active-color-primary : #ff003c;
    --color-primary2 :#d8d6d4;
    --bg-color-primary2 :#262322;
    --tnpl-bg1: #262322;
    --tab-bgcolor : #262322;
    --table-bgcolor: #262322;
    --table-primary-bgcolor: #333;
    --table-secondary-bgcolor: #6c6360;
    --table-teritiary-bgcolor: #fbfbfb;
    --os-scores-bgcolor: #262322;
    --cat-color: #d8d4d6;
    --menu-bg : #d8d4d6;
    --author-color: #c1c4c8;
    --adbg-color:#262223;
    --ad-color:#6c6360;
    --os-live-color:#02cb02;
  --table-bg-first: #000;
--table-bg-odd: #262223;
--table-bg-even: #1c1819;
}

span.oiad-txt{color: var(--ad-color);}

/*common-header-style*/
.oi-add-block {
   padding-bottom: 10px!important;
    background: #f5f5f5;
    text-align: center;
    min-height: 250px;
}

.highlight {
    background: #ff003c;
    color: #fff!important;
    padding: 0 10px!important;
    border-radius: 5px;
    animation: blinkingBackground 4s linear infinite;
  line-height: 26px;
    margin-top: 5px!important;
}
@keyframes blinkingBackground{
		0%		{ background-color: #ff003c;}
		25%		{ background-color: rgba(254,44,93,0.7);}
		50%		{ background-color: rgba(254,44,93,0.7);}
		75%		{ background-color: rgba(254,44,93,0.7);}
		100%	{ background-color: #ff003c;}
}
.trending-icon {display: inline-block;width: 15px;height: 15px;margin-right: 2px;vertical-align: middle;position: relative;}
.trending-icon:before {
    animation: pulsate 1s ease-out infinite;
    border: 3px solid #ff4040;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 5px;
}								
								
								.trending-icon:before, .trending-icon:after {content: '';border-radius: 15px;overflow: hidden;width: 15px;height: 15px;position: absolute;    border: 2px solid #ff4040;}
.trending-icon:after {
    width: 3px;
    animation: flickerAnimation 10s ease infinite;
    background-color: #ff4040;
    left: 6px;
    top: 11px;
    height: 3px;
}
								@keyframes pulsate{0%{opacity:0;-webkit-transform:scale(.1)}50%{opacity:1}to{opacity:0;-webkit-transform:scale(1.2)}
.nav-notification {
	position: relative;
}