* {margin: 0;padding: 0;}
header, footer, article, section, figure, nav, aside {display: block;}
a {color: #262223;text-decoration: none;outline: none;}
body.overflw, html.overflw{overflow: hidden;}
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;}
html, body{height: 100%;margin: 0;padding: 0;background: #fbfbfb;}

.oi-wrapper{max-width: 1000px;margin: auto;}
#wrapper{padding: 0px 10px;}
.oneindia-header{width: 180px;padding: 10px 0px;}
.header-ad{margin: 20px 0px;width: 970px;height: 250px;margin: 0 auto;}
.header-ad img{width: 100%;display: block;}
.oi-left{float: left;width: 650px;}
.oi-right{float: right;width: 320px!important;}
.title-thumb {display: inline-block;vertical-align: middle;width: 30px;}
.title-thumb img{width: 100%;display: block;}
.title-cote {display: inline-block;vertical-align: middle;color: #262223;font-weight: bold;}
.oi-container{margin: 20px 0px;}
.oi-subnews-container li a{color: #262223;display: flex;flex-wrap: nowrap;align-content: center;align-items: center;}
.oi-news-scroll li a{color: #262223;display: flex;flex-wrap: nowrap;align-content: center;align-items: center;}
.news-block-image{flex: 0 0 250px;}
.news-block-image img{width: 100%;display: block;}
.news-block-desc{font-size: 16px;color: #262223;padding: 12px 10px;line-height: 28px;}
.oi-subnews-container ul li{padding-bottom: 24px;border-bottom: 1px solid #ededed;margin-bottom: 24px;}
.oi-subnews-container{margin-top: 15px;}
.oi-indvideos-container ul{display: flex;flex-wrap: nowrap;}
.oi-indvideos-container ul li{flex: 1 1 33%;padding-right: 20px;}
.oi-indvideos-container ul li:last-child{padding-right: 0px;}
.video-block-image img{width: 100%;display: block;}
.oi-indvideos-container{margin-top: 15px;padding-bottom: 10px;border-bottom: 1px solid #ededed;margin-bottom: 15px;}
.video-block-desc{padding: 24px 0px;font-size: 16px;color: #262223;font-weight: normal;line-height: 28px;}
.oi-news-scroll{padding-top: 15px;}
.oi-news-scroll ul li{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #ededed;}
.rt-top-ad img{width: 100%;display: block;}
.rt-top-ad {padding: 15px 0px 24px 0;}
.right-head{font-size: 16px;border-bottom: 1px solid #ededed;padding-bottom: 0px;font-weight: 600;}

.right-news-list ul li{padding-top: 12px;margin-bottom: 12px; border-bottom: 1px solid #ededed;}
.oi-category-wrap {position: relative;}
.oi-category-headinwrap.sticky {
    padding: 13px 0;
}
.oi-category-headinwrap {padding: 25px 0px;position: relative;font-size: 14px;font-weight: normal;}
.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: 10px;height: 24px;width: 34px;display: block;cursor: pointer;border-radius: 3px;}
.oi-catarrow-icon:after {content: '';position: absolute;border: solid #fff;border-width: 0 1px 1px 0;display: inline-block;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 14px;top: 4px;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.oi-category-list {overflow: hidden;transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;position: absolute;left: 0;right: 0;top: 65px;background: #fff;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);border-top: 1px solid #ff4041;opacity: 0;z-index: 1000002;display: none;}
.oi-category-list ul {margin: 0;box-sizing: border-box;padding: 0 0 17px 0;}
.oi-category-list ul li {display: block;margin: 0 8px;white-space: normal;vertical-align: top;}
.oi-category-list ul li a {font-size: 14px;color: #888;padding: 13px 12px;;display: block;text-transform: capitalize;font-weight: normal;}
.oi-category-list ul li a:hover, .oi-category-list ul li a.active {color: #ff4041;}
.oi-category-wrap.slide .oi-category-list {opacity: 1;display: block;}
.oi-category-headinwrap.sticky .oi-category-list {
    top: 53px;
}
.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;}
.one-inner-content {position: relative;top: -333px;width: 570px;font-weight: 600;font-size: 25px;text-transform: capitalize;margin: 0 auto;color: #fff;}
.link-page a{color: #fff;}
.oi-lt {position: absolute;top: 135px;width: 175px;text-align: left;left: -45px;}
.oi-rt {position: absolute;top: 135px;width: 175px;right: 45px;text-align: left;}
.center-logo {width: 520px;margin: 0 auto;}
.link-page {width: 190px;margin: 0 auto;}
.center-logo img{width: 100%;display: block;}
.oi-oneindia-container{background: #000;}
.oi-right-news.sticky {position: fixed;bottom: 0;width: 320px;background: #fff;}
.right-news-list {}
.leftAdSticky {position: fixed;top: 0;left: 5px;}
.rightAdSticky {position: fixed;top: 0;right: 5px;}
.video-block-image {position: relative;}
.oi-videos-icon {position: absolute;left: 5px;top: 0;bottom: 0;width: 40px;height: 40px;right: 0;z-index: 1000;background: url(../independence-day/play-video-icon3.svg) no-repeat 0 0;display: block;margin: auto;background-size: contain;}
.right-news-heading {font-size: 18px;color: #262223;font-weight: bold;padding: 0 0 12px 0;}
.news-block-image img {}
.news-block-image {}
.oi-indvideos-container .video-block-image {}
.oi-indvideos-container .video-block-image img {}
.right-news-list .video-block-image {height: 168px;overflow: hidden;}
.right-news-list .video-block-image img {height: 180px}

.oi-category-headinwrap.sticky {position: fixed;top: 0;background: #fbfbfb;z-index: 100000;width: 320px;box-shadow: 0 8px 6px -6px #ebebeb;font-size: 14px;font-weight: normal;}
.oi-cat-nav.sticky {position: fixed;top: 0;background: #fbfbfb;z-index: 100000;width: 681px;padding: 13px 0;box-shadow: 0 8px 6px -6px #ebebeb;}
.oi-cat-nav {}
.oi-cat-nav ul {}
.oi-cat-nav ul li {display: inline-block;margin-right: 15px;    font-family: arial;}
.oi-cat-nav ul li a {display: block;padding: 11px 20px;color: #fff;font-size: 16px;font-weight: normal;background: #ff003c;}
.oi-cat-nav ul li a:hover, .oi-cat-nav ul li a.active {color: #fff;background: #ff003c;}
.oi-cat-nav.sticky ul li a {font-size: 16px;font-weight: normal;}
.oi-news-tabcontent {display: none;}
.oi-independence-banner {margin: 24px 0 0 0;}
.oi-category-headinwrapinner {
    background: #0a292c;
    color: #fff;
    padding: 12px 0;
    position: relative;
    cursor: pointer;
  font-family: arial;
}
.oi-vertical-selected {padding: 6px 10px;color: #fff;font-size: 14px;font-weight: normal;}

.rt-top-ad, .oi-header-ad {position: relative;}
.ad-sponsor {position: absolute;top: 0;left: 0;bottom: 0;right: 0;font-size: 14px;color: #fff;font-weight: normal;margin: auto;text-align: center;width: 120px;height: 40px;line-height: 26px;letter-spacing: 1px;}


.btn-more-wrap {margin-bottom: 0px;padding-bottom: 24px;}
.btn-more-wrap .btn-morepoints {padding: 0;    font-family: arial;}
.btn-morepoints {padding: 20px 0px;text-align: center;}
.btn-more-wrap.noborder {border-bottom: 0 none;margin-bottom: 0;}
.btn-morepoints a {padding: 6px 20px;background: #ff003c;text-decoration: none;color: #fff;font-size: 16px;display: inline-block;}

.oi-news-tabcontent .news-block-image {float: left;width: 250px;}
.oi-news-tabcontent .oi-news-scroll li a, .oi-news-tabcontent .oi-subnews-container li a {display: block;}
.oi-news-tabcontent .news-block-desc, .oi-news-scroll .news-cat {margin-left: 260px;}
.news-cat {font-size: 15px;color: #6c6360;margin: 0 0 24px 0;display: block;}
.oi-news-tabcontent .news-cat {margin-left: 260px;padding: 0 10px;}



/*
 * Gamer Tracker Styles
 */
.oi-scorecards-tabs {float: right;display: none;}
.oi-container {}
.oi-scores-sliderwrap { font-family: arial;}
/*.oi-scores-mainheading {font-size: 20px;color: #262223;;font-weight: bold;text-transform: capitalize;margin-bottom: 24px;line-height: 18px;}
.oi-scores-slider {height: 195px;overflow: hidden;background: #fbfbfb;}
.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: #ffffff;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: #262223;margin-bottom: 5px;}
.oi-scores-heading span {font-weight: normal;}
.oi-scores-result  {font-size: 13px;color: #262223;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: #262223;font-weight: normal;}
.oi-scores-score {float: right;font-size: 13px;color: #262223;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: #262223;font-weight: bold;display: inline-block;vertical-align: middle;}
.oi-scores-date {font-size: 13px;color: #262223;padding: 5px 0;}
.oi-scores-main-header {margin-bottom: 5px;font-size: 13px;color: #262223;font-weight: 600;white-space: nowrap;overflow: hidden;height: 15px;text-overflow: ellipsis;}
.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 #e6e6e6;padding: 5px 0 0 0;text-align: center;}
.oi-scores-links a {color: #262223;padding: 5px 10px 0 10px;display: inline-block;text-decoration: none;font-weight: 600;}
.oi-scores-slider {position: relative;}
.oi-scores-slider .bx-wrapper {max-width: 960px!important;}
.oi-scores-slider .bx-controls-direction a {border-radius: 50%;background-color: rgba(51,51,51,.4);width: 36px;height: 36px;cursor: pointer;top: 70px;margin: auto;text-indent: -9999px;position: absolute;opacity: .7;-webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);box-shadow: 0 0 50px rgba(0,0,0,.2);}
.oi-scores-slider .bx-controls-direction a.bx-prev {left: -35px;display: none;}
.oi-scores-slider .bx-controls-direction a.bx-next {right: 0px;}
.oi-scores-slider .bx-controls-direction a::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(../images/arrow-white-right.svg) no-repeat 0 0;width: 16px;height: 16px;}
*/


/*
 * Loading Styles
 */
.loader {text-align: center;margin: 20px auto;}
.loader,
.loader:before,
.loader:after {
  width: 12px; /* update this to control the size */
  aspect-ratio: .5;
  display: grid;
  background: radial-gradient(#000 68%,#0000 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s,0)*.4s);
  transform: translate(calc(var(--_s,0)*150%));
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
}
.loader:before {--_s: -1}
.loader:after  {--_s:  1}

@keyframes load {
  20% {background-position: top   }
  40% {background-position: bottom}
  60% {background-position: center}
}