* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* {margin: 0;padding: 0;}

/* Layout CSS | Author: Mukesh | Version: 5.1 */
@font-face
{
         font-family: 'NotoSansKannada';
        src: url('/common/adaptive/css/noto-sans-kannada.ttf'); 
}
body {color: #000;  font-family: NotoSansKannada, Arial, Helvetica, sans-serif;font-size: 62.5%;height: 100%;}
.clearfix {display: block;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img {
    border: 0 none;
    max-width: 100%;
}
a{text-decoration: none;color: #000;}
.repub21-header-container{position: relative;background: #f5f5f5;height: 360px;}
.repub21-header-container::before{content: "";display: block;left: 0px;margin: auto;background: url(/images/header-top-bg-rd.png) no-repeat top center;height: 170px;background-size: cover;}
.repub21-header-container .bold-sky-logo{position: relative;float: left;top: -155px;width: 200px;display: block;left: 200px;}
.repub21-head-content {width: 760px;margin: 0 auto;position: relative;top: -55px;}
.repub21-head-content .head-content-lt{float: left;position: relative;left: 30px;}
.repub21-head-content .head-content-rt{float: right;}
.head-content-lt .oneindia-logo{width: 120px;top: 80px;left: 30px;position: relative;}
.header-ad {padding: 10px 0px;margin: 0 auto;position: relative;top: -60px;text-align: center;}
.republic-logo {width: 280px;}
.republic-logo img {width: 100%;}
.delhi-gate {width: 350px;}
.delhi-gate img{width: 100%;display: block;}
.republic21-section{}
.max-width {margin: 0 auto;max-width: 1280px;}
.title-news{padding-top: 20px;}
.repub21-title-block{}
.repub21-title-head{padding-top: 50px;font-size: 28px;text-transform: uppercase;color: #00a3fe;    margin-left: 223px;}
.repub21-title-block{position: relative;    height: 600px;}
.repub21-title-block::before{    position: absolute;content: "";display: block;left: 172px;right: 30px;top: 87px;margin: auto;background: url(/images/top-line-rd.png) repeat-x;height: 13px;    border-bottom: 2px dotted #00a3ff;}
.repub21-title-block::after{    position: absolute;content: "";display: block;left: 95px;right: 30px;margin: auto;height: 13px;    border-bottom: 2px dotted red;}
.left-title-bar{position: relative;}
.left-title-bar::before{position: absolute;content: "";display: block;left: 0px;right: 30px;width: 185px;top: 50px;background: url(/images/side-horn.png) no-repeat;height: 470px;}
.left-title-bar::after{    content: '';position: absolute;display: block;right: 30px;top: 100px;border-right: 2px dotted #00a3ff;height: 395px;width: 13px;}
.repub21-news-block{    padding: 10px;width: 1100px;margin: 0 auto;margin-left: 117px;margin-top: 52px;}
.repub21-news-block ul li{float: left;width: 522px;margin-right: 30px;list-style-type: none;}
.repub21-news-block ul li:nth-child(2n){margin-right: 0px;}
.news-content{font-size: 14px;padding: 10px 0px;color: #000;}
.news-content-thumb img{width: 100%;display: block;}
.news-content-thumb{max-height: 300px;overflow: hidden;}
.repub21-video-row2 .news-content-thumb{position: relative;max-height: none;}
.video-play {background: url(/images/play-video-icon-rd.svg) no-repeat 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 60px;height: 60px;}
.more-news {float: right;font-size: 14px;position: relative;z-index: 999;padding: 10px 0px;}
.repub21-offer-block .more-news a{color: #fff !important;}
.more-news a{color: red;}


.repub21-compare-list ul li{width: 400px;float: left;margin-right: 40px;list-style-type: none;}
.repub21-compare-list ul li:nth-child(3n){margin-right: 0px;}
.compare-block .compare-thumb img{width: 100%;display: block;}
.compare-block .compare-text{padding: 10px 0px;font-size: 14px;color: #000;}
.compare-header {text-align: center;padding: 20px 0px;font-size: 16px;text-transform: uppercase;font-weight: 600;}
.compare-bg{background: #f5f6f8;}


.repub21-prideofindia-section{position: relative;}
.repub21-prideofindia-section::before{position: absolute;content: "";display: block;right: 0px;width: 409px;background: url(/images/orange-flag-rd.png) no-repeat top right;height: 172px;}
.repub21-prideofindia-section::after{position: relative;content: "";display: block;left: 0px;width: 710px;background: url(/images/green-flag-rd.png) no-repeat bottom left;height: 145px;}
.prideofindia-header .flagboy-thumb{display: inline-block;vertical-align: middle;}
.prideofindia-text{font-size: 65px;display: inline-block;margin-left: 30px;text-transform: uppercase;font-weight: bolder;vertical-align: middle;color: #f23434;}
.prideofindia-news-list ul li{float: left;width: 515px;margin-right: 75px;list-style-type: none;}
.prideofindia-news-list ul li:nth-child(2n){margin-right: 0px;}
.prideofindia-news-list {padding-left: 132px;margin-top: -45px;
}


.repub21-offer{position: relative;background: #1e3b67;max-height: 520px;overflow: hidden;}
.repub21-offer::before{    position: absolute;content: "";display: block;right: 0px;bottom: 0px;width: 215px;background: url(/images/right-lady.png) no-repeat right;height: 325px;}
.repub21-offer::after{position: relative;content: "";display: block;left: 0px;width: 222px;background: url(/images/left-lady.png) no-repeat left;height: 325px;top: -287px;}
.repub21-header{text-align: center;font-size: 40px;font-weight: bold;color: #ed683d;text-transform: uppercase;padding: 30px 0px;}
.offer-list-block ul li{float: left;width: 430px;margin-right: 40px;list-style-type: none;}
.offer-list-block ul li:nth-child(2n){margin-right: 0px;}
.offer-list-block .news-content{color: #fff;}
.offer-list-block {width: 900px;margin: 0 auto;}


.gallery-bg{background: #f5f6f8;}
.gallery-header{font-size: 22px;font-weight: bold;text-transform: uppercase;padding: 10px 0px;color: #000;}
.repub21-gallery-section ul li{list-style-type: none;margin: 0;vertical-align: top;white-space: normal;position: relative;float: left;}
.repub21-gallery-section ul li.col1{width: 25%;}
.repub21-gallery-section ul li.col2{width: 50%;}
.repub21-gallery-section ul li.col1 .gallery-thumb {margin-bottom: 2px;height: 190px;overflow: hidden;}
.repub21-gallery-section ul li.col2 .gallery-thumb {margin-bottom: 2px;height: 382px;overflow: hidden;}
.gallery-thumb {margin-right: 2px;height: 75px;overflow: hidden;}
.gallery-thumb img {display: block;width: 100%;}
.gal-more-imgs {background-color: rgba(0, 0, 0, 0.8);bottom: 0;color: #fff;font-size: 20px;font-weight: normal;left: 0;position: absolute;right: 2px;top: 0;}
.gal-more-text {display: table;height: 100%;width: 100%;}
.gal-more-spantext {display: table-cell;text-align: center;vertical-align: middle;}
.gal-more-spantext span {border: 2px solid #fff;background: #000;padding: 10px;}

.repub21-video-row1 .video-col1{width: 900px;float: left;margin-right: 30px;}
.video-thumb img{width: 100%;display: block;}
.repub21-video-row1 .video-col2{float: right;width: 300px;padding-top: 20px;}
.video-col2 .ad2{padding-bottom: 30px;}
.video-col1 .video-thumb{max-height: 450px;overflow: hidden;}
.repub21-video-row1{padding-bottom: 20px;}
.repub21-video-row2{padding-bottom: 20px;}
.repub21-video-row2 ul li{list-style-type: none;float: left;width: 617px;margin-right: 45px;}
.repub21-video-row2 ul li:nth-child(2n){margin-right: 0px;}


.video-bg{background: #1d1c1c;padding: 10px 0px;}

.repub21-video-slider{position: relative;}
.rep-videos-header{color: #fff;font-size: 16px;font-weight: bold;padding: 10px 0px;text-transform: uppercase;}
.slide-thumb img{width: 100%;display: block;}
.repub21-video-slider .bx-controls-direction a.bx-prev {left: 24px;
}
.repub21-video-slider .bx-controls-direction a {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 13px;
    bottom: 85px;
    margin: auto;
    text-indent: -9999px;
}
.repub21-video-slider .bx-controls-direction a.bx-next {
    right: 24px;
}
.repub21-video-slider .bx-controls-direction a.bx-prev:before {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.repub21-video-slider .bx-controls-direction a:before {
    content: "";
    position: absolute;
    top: 90;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid white;
}
.repub21-video-slider .bx-controls-direction a.bx-next:before {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slide-text{color: #fff;font-size: 14px;padding: 10px 0px;}



.live-blog-header{background: #d72924;padding: 8px;margin-bottom: 10px;}
.repub21-live-block {padding-top: 10px;}
.live-blog-header .blog-text{display: inline-block;vertical-align: middle;margin-right: 10px;color: #fff;text-transform: uppercase;font-weight: bold;font-size: 16px;}
.live-blog-header .link-button{display: inline-block;vertical-align: middle;background: #ff0000;color: #fff;border-radius: 5px;padding: 7px;}
.link-button a{color: #fff;padding: 10px;font: 14px;}
.repub21-live-list ul li{background: #ece9e9;margin-bottom: 10px;list-style-type: none;}
.list-blog .blog-thumb{float: left;width: 150px;}
.list-blog .blog-content{margin-left: 155px;padding: 8px;}
.blog-content .blog-time{color: #888;font-size: 14px;padding-bottom: 15px;}
.blog-content .blog-title{font-size: 16px;color: #000;padding-bottom: 10px;}
.blog-content .blog-subtitle{font-size: 14px;color: #000;}
.blog-time span i{content: '';position: relative;width: 14px;height: 14px;background: url(/images/clock-rd.png) no-repeat 0;padding: 6px 6px;}
.blog-time span{margin-right: 10px;}
.ad3{padding: 10px 0px;margin: 0 auto;text-align: center;background: #f5f6f8;}

.sliver-screen-bg{position: relative;background: url(/images/porti-bg.png) no-repeat top center;background-position: center;background-size: cover;width: 100%;}
.silver-screen-content .sil-content-lt{float: left;width: 900px;margin-right: 30px;}
.oi-silver-sub .content-thumb{float: left;width: 550px;margin-right: 20px;}
.oi-silver-sub .sm-content-thumb{width: 300px;float: right;}
.sil-content-text{font-size: 14px;color: #000;padding: 10px 0px;}
.oi-silver-sub img{width: 100%;display: block;}
.sil-content-rt ul li{list-style-type: none;padding-bottom: 20px;}
.silver-screen-content .sil-content-rt{float: right;width: 300px;}


.award{position: relative;background: url(/images/repub-bg.png) no-repeat top center;background-position: center;background-size: cover;height: 785px;width: 100%;}
.award-title{font-size: 40px;font-weight: bold;text-transform: uppercase;color: #093450;position: relative;left: 210px;top: 22px;display: inline-block;}
.winners-list {width: 830px;margin: 0 auto;position: relative;top: 80px;}
.winners-list ul li{list-style-type: none;float: left;width: 400px;margin-right: 20px;}
.winners-list ul li:nth-child(2n){margin-right: 0px;}
.winner-thumb img{width: 100%;display: block;}
.winners-details .news-content {color: #fff;}
.drivespark-logo {position: relative;left: 225px;top: 225px;width: 325px;float: left;}
.sponser-top {font-size: 12px;text-align: left;padding-bottom: 5px;color: #fff;padding-left: 5px;}
.bold-sky-logo .sponser-top{color: #000;}
.repub21-offer-block .more-news{    top: -15px;}


/* Independence-Quiz */

.inde-quiz-block{background: #010d33;height: 375px;margin: 20px 0px;padding: 10px 0px;}
.inde-quiz-block::before{background: url(/images/quiz-flov-rd.png) no-repeat left;content: "";width: 400px;height: 375px;position: absolute;}
.inde-quiz-block {background: #010d33;height: 385px;margin: 20px 0px;position: relative;}
.question {float: left;color: #ffffff;font-size: 16px;margin-left: 20px;font-weight: bold;padding-bottom: 20px;}
.inde-quiz-block .inde-quiz-header{font-size: 24px;text-align: center;color: #fff;font-weight: bold;}
.independence-quiz-content{margin-left: 420px;z-index: 999;position: relative;padding-top: 25px;width: 880px;}
.inde-quiz-block .inde-head-bottom{font-size: 16px;color: #fff;padding: 10px 0px;}
.inde-question {padding-top: 10px;}
.ques-option ul li{cursor: pointer;margin-bottom: 40px;width: 48%;margin-right: 30px;float: left;}
.ques-option ul li:nth-child(2n){margin-right: 0px;}
.ques-option ul li .option-1 {background: #fff;border-radius: 5px;color: #000000;position: relative;height: 50px;border: 1px solid #fff;}
.blue .option-1 .left-option {background: #cd3203;}
.option-1 .left-option {float: left;position: absolute;font-size: 34px;padding: 0 15px;background: #cd3203;outline: none;display: block;color: #fff;border-radius: 5px 0 0 5px;line-height: 50px;height: 48px;}
.option-1 .right-option {float: left;margin-left: 65px;margin-right: 40px;margin-top: 10px;font-size: 14px;color: #000;}
.blue .option-1 .material-icons {color: #cd2b22;}
.option-1 .material-icons {position: absolute;right: 10px;top: 12px;font-size: 24px;color: #f2e3e5;}
.independence-ques-options {margin-left: 20px;width: 800px;margin-top: 20px;}
.correct .option-1 .left-option {background: #cd3203;}
.correct .option-1 .material-icons {color: #688c36;}
.wrong .left-option {background: #cd3203 !important;}
.ques-button{float: left;}
.nxt-question button {padding: 10px 30px;border: 1px solid #ffffff;border-radius: 5px;background: #f47321;font-size: 20px;font-weight: bold;cursor: pointer;display: block;color: #000;}
.nxt-question button i {vertical-align: middle;font-size: 30px;position: relative;left: 18px;}
.quiz-levels {color: #fff;margin-top: 16px;float: left;margin-right: 25px;}
.quiz-levels span {margin-left: 20px;font-weight: 300;font-size: 16px;}
.nxt-question {float: left;margin-left: 80px;}
.independence-quiz-content .option-button-block{text-align: center;display: inline-block;position: relative;left: 186px;top: 5px;}

/* footer */
.repub21-footer-section{position: relative;background: url(/images/footer-bg-rd.png) no-repeat top center;background-position: center;background-size: cover;height: 350px;width: 100%;}
.gan-footer-block {position: relative;top: 230px;}
.footer-links {font-size: 13px;color: #000;text-align: center;padding: 5px;}
.footer-links a {color: #000;text-decoration: none;transition: color 0.3s linear 0s;}
.copyright-text {font-size: 13px;color: #000;text-align: center;padding: 5px;}
.about-oneindia {font-size: 13px;color: #000;text-align: center;padding: 5px;}