*{padding: 0px;margin: 0px;box-sizing: border-box;}
ul, li {margin: 0px;padding: 0px;list-style-type: none;}
a{text-decoration: none;}
img {border: 0 none;max-width: 100%;display: block;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

/*
 * index page Styles
 */
.pwa-home-wrapper {position: absolute;width: 100%;height: 100%;background: #324396;z-index: 99;}
.pwa-home-content {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 240px;height: 240px;}
.pwa-one-logo {background: #fff;width: 160px;height: 160px;border-radius: 50%;line-height: 160px;text-align: center;margin: 0 auto;}
.pwa-one-logo img {width: 140px;height: 42px;display: inline-block;vertical-align: middle;}
.pwa-one-maintitle {text-align: center;padding: 10px;font-size: 16px;color: #fff;}
.pwa-one-maintitle span {font-size: 20px;text-transform: uppercase;font-weight: bold;}
.bggrey {background: #f4f4f4;}
.bggrey header{
	padding-top: 10px;
}

/*
 * Language Selection Styles
 */
.pwa-main-wrapper {}
.pwa-header {
    padding: 10px 10px 0px 10px;
    background: #fff;
    margin: 0px 10px 0px 10px;
}
.pwa-logo {
    float: left;
    width: 73%;
    text-align: center;
    margin: 0 auto;
}
.pwa-logo img {
    width: 80px;
    text-align: center;
    margin: 0 auto;
    padding-top: 3px;
   
}
.pwa-header-right {float: right;}
.nav-notification {position: relative;width: 40px;}
.notification-num {background: red;border-radius: 50%;width: 18px;height: 18px;position: absolute;font-size: 10px;top: 0px;right: 6px;line-height: 18px;font-weight: 600;color: #fff;text-align: center;}
.pwa-content {padding: 10px 20px;background: #fff;height: 90vh;}
.pwa-choose-lang {font-size: 20px;color: #000;padding: 10px 10px 25px 10px;text-align: center;}
.pwa-choose-lang span {font-weight: bold;}
.pwa-choose-lang-lists ul {display: flex;
  justify-content: space-between;flex-wrap: wrap;}
.pwa-choose-lang-lists ul li {list-style-type: none;flex: 2 0 47%;box-sizing: border-box;margin-right: 6%;margin-bottom: 20px;}
.pwa-choose-lang-lists ul li:nth-child(2n) {margin-right: 0;}
.pwa-choose-lang-lists ul li a {display: block;height: 40px;background: #f2f2f2;color: #000;border-radius: 5px;}
.pwa-choose-lang-lists ul li a.following {display: block;height: 40px;background: #f47221;color: #fff;border-radius: 5px;}
.pwa-lang {width: 40px;height: 40px;display: inline-block;background: #e6e6e6;border-radius: 5px 0 0 5px;text-align: center;vertical-align: middle;line-height: 40px;pointer-events: none;}
.pwa-lang-title {font-size: 14px;color: #000;pointer-events: none;}
.pwa-lang-icon {font-size: 14px;color: #333;background: #fff;width: 32px;height: 32px;border-radius: 50%;margin: auto;display: inline-block;vertical-align: middle;font-weight: bold;line-height: 32px;pointer-events: none;}

.following span.pwa-lang {
background: #f47221;
}
.following span.pwa-lang-title {
color: #fff;
}

/*
 * Follow Section Styles
 */
.pwa-content-follow-lists {
clear: both;
padding-bottom: 30px;
margin-bottom: 30px;
}
.pwa-content-follow-heading {font-size: 20px;color: #000;font-weight: bold;text-align: center;}
.pwa-content-follow-desc {font-size: 14px;color: #000;font-weight: normal;padding: 10px 0;text-align: center;}
.pwa-content-follow-lists ul li {margin-bottom: 11px;}
.pwa-content-follow-lists ul li a {display: block;background: #f2f2f2;height: 40px;border-radius: 5px;font-weight: 600;color: #000;}
.follow-list-title {display: inline-block;padding: 10px;line-height: 20px;border-radius: 5px 0 0 5px;float: left;font-size: 15px;color: #000;}
.follow-title {font-size: 13px;display: inline-block;padding: 10px;border-radius: 0 5px 5px 0;float: right;width: 120px;text-align: center;text-transform: uppercase;position: relative;}
.follow-title.follow {color: #06c;background: #e6e6e6;}
.follow-title.following {color: #fff;background: #f47321;}
.follow-title.following i {width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;vertical-align: middle;margin-right: 5px;position: relative;top: -1px;}
.btn-wrap {margin: 50px auto;text-align: center;}
.done-btn {background: #324396;font-size: 16px;color: #fff;font-weight: 600;padding: 10px;border-radius: 5px;cursor: pointer;width: 150px;text-align: center;border: 0 none;}
.pwa-main-wrapper header{
	padding-top: 2px;
}
.pwa-container {margin: 5px 5px;}
.pwa-homecontent {background: #fff;padding: 10px 5px;}
.pwa-article {padding: 10px 5px;border-bottom: 1px solid #f1f1f1;}

.pwa-article-category {font-size: 14px;color: #000;font-weight: bold;min-height: 18px;width: 85%;}
.pwa-article-category a {color: #000;}
.pwa-article-title {font-size: 14px;color: #666;padding: 10px 0;font-weight: normal;}
.pwa-article-title a {color: #666;}
.pwa-article-image, .pwa-article-image img  {border-radius: 10px;}
.pwa-article-footer {padding: 10px 0;position: relative;}
.pwa-article-timestamp {font-size: 12px;color: #000;float: left;}

.pwa-article-share {right: 0;position: absolute;height: 30px;}
.pwa-share, .pwa-share-close {float: right;}
.share-icon {width: 13px;height: 13px;background: url(/images/share-pwa.svg) no-repeat 0 0;display: inline-block;}
.share-close-icon {width: 20px;height: 20px;background: url(../foryou/images/nav-close-icon.jpg) no-repeat 0 0;display: inline-block;}
.pwa-share-links {position: relative;right: -220px;-moz-transition: all 0.27s ease-in;-o-transition: all 0.27s ease-in;-webkit-transition: all 0.27s ease-in;transition: all 0.27s ease-in;background: #fff;}
.pwa-share-close {display: none;}
.pwa-article-share {overflow: hidden;}
.pwa-article-share.active {width: 120px;}
.pwa-article-share.active .pwa-share {display: none;}
.pwa-article-share.active .pwa-share-close {display: block;}
.pwa-article-share.active .pwa-share-links {right: 0;}
.pwa-share-links a {width: 26px;height: 26px;margin: 0 0 0 5px;float: left;border-radius: 50%;font-size: 16px;font-weight: bold;color: #fff!important;line-height: 26px;text-align: center;}
.pwa-share-links a.share-fb {background: #315c97;}
.pwa-share-links a.share-whatsapp {background: #35bc20;}
.pwa-share-links a.share-twitter {background: #39a9e0;}
.pwa-share-links a.share-gplus {background: #dd4b39;}

.pwa-article-rowise {position: relative;}
.pwa-article-wrap {margin: 10px 0 0 0;}
.pwa-article-rowise .pwa-article-image {width: 150px;float: left;}
.pwa-article-rowise .pwa-article-details {margin-left: 170px;}
.pwa-article-rowise .pwa-article-title {padding: 0;}

.pwa-follow {background: #f47321;display: inline-block;font-size: 12px;color: #fff;padding: 2px 6px;border-radius: 5px;position: absolute;right: 0px;top: 10px;}

.followsec {
    margin-left: 10px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 33px;
}
.following{
	background: #f47221;
	color: #fff;
}
.donebtn {
    background: #f47321;
    color: #fff;
    text-align: center;
    padding: 10px 12px;
    clear: both;
    width: 120px;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: -40px;
    float: right;
    font-size: 15px;
    font-weight: 600;
}
.one-lang-navigation ul.other-langs li {
    text-align: center;
    padding: 0 16px;
}
.one-lang-navigation ul.other-langs li a {
    padding: 1px 0px;
    
}
.nextbtn {
    background: #324396;
    color: #fff;
    text-align: center;
    padding: 10px 12px;
    clear: both;
    width: 130px;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}
.backbtn {
    background: #324396;
    color: #fff;
    text-align: center;
    padding: 10px 12px;
    clear: both;
    width: 120px;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 30px;
    float: left;
    font-size: 15px;
    font-weight: 600;
}
.inc{
	pointer-events: none;
    opacity: 0.4;
}
 body {
        overflow-x: hidden!important;
    }
    .justin{
        display:block!important;
    }
        #loading{
            font-weight: bold;
            font-size: 30px;
            margin: 0px auto;
            text-align: center;
            margin-top: 50%;
        }


.one-settings-popup{
    z-index: 100000000000;
}
.one-settings.settings-close {
    display: none;
}
.videoSlider .one-card-wrapper{
    box-shadow: none!important;
}
.videoSlider .bx-viewport {
    height: 330px !important;
}
.videoSlider .bx-wrapper .bx-pager{
    bottom: 20px!important;
}
.videoSlider .bx-wrapper {
    margin-bottom: 5px!important;
    border: 0 none;
}
.one-card-wrapper .one-card-header {
    display: none;
}
.videoSlider .bx-wrapper .bx-controls-direction a {
    top:40%!important;
}
.videoSlider.bx-clone {
display: none!important;
}

.videoSlider ul li.show {
        min-width: 350px!important;
}
.videoSlider {position: relative;}
.videoSlider ul li .one-card-section{
    width: 100%!important;
    margin: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #cacaca!important;
    width: 8px!important;
    height: 8px!important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000!important;
}
.oi-header-speak {
    float: right;
    width: 24px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    position: fixed;
    right: 20px!important;
}

.oi-speak-icon.disabled {background: url(/images/mic-3.svg) no-repeat 0 0;display: inline-block;width: 26px;height: 26px;vertical-align: middle;}
.oi-header-speaknow-block {position: fixed;background: #fff;top: 0;top: 0;right: -100%;height: 59px;z-index: 1000000000;text-align: left;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all .6s cubic-bezier(.37,.15,.32,.94);-moz-transition: all .6s cubic-bezier(.37,.15,.32,.94);-ms-transition: all .6s cubic-bezier(.37,.15,.32,.94);transition: all .6s cubic-bezier(.37,.15,.32,.94);}
.oi-header-speaknow-block.speaknow {right: 0;width: 100%;}
.oi-speaknowtextbox {width: 72%;font-size: 14px;color: #344496;border: 0 none;background: #fff;float: left;font-family: Arial, Helvetica, sans-serif;font-weight: bold;padding: 8px 5px 5px 15px;-webkit-appearance: none;outline: none;animation: type 6s steps(60, end) infinite;white-space: nowrap;margin-left: 29px;line-height: 26px;}
.oi-header-speaknow-inner {padding: 10px;height: 22px;}
.oi-speaknow {background: #344496;border-radius: 50%;opacity: 0;border-radius: 50%;position: absolute;
  animation: scaleIn 5s infinite cubic-bezier(.36, .11, .89, .32);width: 24px;height: 24px;top: 0;right: 0;}
.oi-speaknow-icon {background: url(/images/mic-1.svg) no-repeat 0 0;display: inline-block;width: 25px;height: 25px;vertical-align: middle;}
.oi-speaknow-i {border-radius: 50%;width: 25px;height: 25px;z-index: 100;position: relative;}
.oi-speaknow-wrap {position: relative;float: right;text-align: center;margin-right: 10px;margin-left: 5px;margin-top: 8px;}
.oi-speaknowtextbox::-webkit-input-placeholder {color: #344496;}
.oi-speaknowtextbox::-moz-placeholder {color: #344496;}
.oi-speaknowtextbox::-ms-placeholder {color: #344496;}
.oi-speaknowtextbox::placeholder {color: #344496;}
.oi-header-speak-close {
    background: url(/images/close-btn.svg) no-repeat center center;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 10px 5px 5px 5px;
    position: absolute;
    left: 8px;
    top: 10px;
    cursor: pointer;
    z-index: 10000;
}
@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(2.0, 2.0);
    opacity: 0;
  }
}
@keyframes type{
        from {
                width: 0;
        }
}
.sel-lang-top-morelinks {
    margin: 10px 10px;
    background: #dbdbdb;
    padding: 8px;
}
.sel-lang-top-morelinks a {
    padding: 5px;
    font-size: 14px;
    color: #373737;
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
}
.sel-lang-top-morelinks a i {
    float: right;
    padding: 5px;
    font-weight: 400;
}
.one-lang-navigation {
    background: #fff;
    padding: 0 10px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin: 0 10px;
    transition: .2s ease;
    overflow: hidden;
}

.one-lang-navigation ul.other-langs li a {
    text-transform: capitalize;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
}

.menuact{
        border-bottom: 3px solid #344395;
}
.pwa-header{
    min-height: 47px;
}
.nomargin {
margin-bottom: 10px;
}

.fullmenu {
width: 100%;
}
.pwa-coll-head {
padding: 10px 10px 10px 10px;
background: #fff;
margin: 10px 10px 7px 10px;
}
#pwa-col-title{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    float: left;
    width: 96%;
    text-transform: capitalize;
}
#pwa-col-arrow{
    font-size: 26px;
    line-height:26px;
    float: left;
    
    
}
#pwaload {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(108 103 103 / 50%);
z-index: 2;
cursor: pointer;
display: none;
}

#overlaytext{
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.one-search-content{
width: 76%;
}

.pwasticky {
    position: fixed;
    background: #f4f4f4;
    width: 98%;
    top: 0;
    margin: 0 1%!important;
    padding: 0;
    z-index: 9999999;
    padding: 2px 4px;
}

.pwasticky .otherLangCon{
	background: #fff;
    margin: 5px 1px 2px 1px;
    padding-bottom: 3px;
    transition: .2s ease;
    padding-top:5px;
    padding-left: 5px;

}

.pwasticky .pwa-collinner.clearfix {
    background: #fff;
    margin: 10px auto;
    padding: 10px;
    transition: .2s ease;

     }
     
.one-lang-navigation ul.other-langs{
	height: 39px!important;
    line-height: 33px;
}

ul.other-langs::-webkit-scrollbar {
    display: none;
}



	.check {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* Hide the browser's default checkbox */
.check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 8px;left: 8px;height: 25px;width: 25px;background-color: #fff;}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {background-color: #fff;}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {background-color: #f47321;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.check .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.btn-fixed {position: fixed;bottom: 0;left: 0;right: 0;background: #f4f4f4;z-index: 100000;padding: 10px;}
.btn-done {background: #f47321;font-size: 16px;color: #fff;font-weight: 600;padding: 10px;border-radius: 5px;cursor: pointer;width: 150px;text-align: center;border: 0 none;float: right;margin: 0 10px;}
.btn-back {font-size: 16px;color: #06c;font-weight: 600;padding: 10px;float: left;margin: 0 10px;}
.pwa-content-follow-lists.choose-section .follow-list-title {display: block;float: none;}

	.catCheked{
	background-color: #f47321;
}

.check .catCheked:after{
	left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
}


.one-followcat-settings.clearfix {
    display: flex;
}

.one-followcat-settings .fa-angle-left {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    margin: auto;
}

span.settings-link {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    margin: auto;
}


.one-card-category-heading.clearfix {
    display: flex;
}
.one-card-category-heading .fa-angle-left {
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    margin: auto;
}

.one-followcat-settings {
    display: flex;
}

ul.other-langs::-webkit-scrollbar {
    display: none;
}


	#oneindia-card .pwa-content-follow-lists ul li {
    margin-bottom: 11px;
    opacity: unset;
}


.pwa-art-section .pwa-content-follow-lists {
    background: #f2f2f2;
    border-radius: 15px;
}

.pwa-art-section .pwa-content-follow-lists ul li {
    float: left;
    width: 50%;

}

.pwa-art-section .pwa-content-follow-lists {
    padding: 10px 0 10px 5px;
    margin-bottom: 0;
   
}
.pwa-art-section .pwa-content-follow-desc {
    padding: 10px;
}
.pwa-article-image {
    position: relative;
}
span.pwa-trnd {
    background: #f47321;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding: 2px 6px;
    border-radius: 5px;
    position: absolute;
    left: 8px;
    top: 8px;
}

span.follow-list-title-home {
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    border-radius: 5px 0 0 5px;
    float: left;
    font-size: 14px;
    color: #000;
}








@keyframes oiblinksmallani {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes oiblinksmallani {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes oiblinksmallani {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}



.oiblinksmall {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 11px 5px 22px!important;
    left: 0;
    top: 0;
    z-index: 1;
    background-clip: padding-box;
   text-transform: uppercase;
}

.oiblinksmall:after,.oiblinksmall:before {
    opacity: 0;
    box-sizing: border-box;
    content: " ";
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px #fff,inset 0 0 10px #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-clip: padding-box;
}

.oiblinksmall:before {
    z-index: 2;
    -webkit-animation: oiblinksmallani 2s infinite;
    -moz-animation: oiblinksmallani 2s infinite;
    animation: oiblinksmallani 2s infinite;
}

.oiblinksmall:after {
    z-index: 1;
    -webkit-animation: oiblinksmallani 2s infinite 1s;
    -moz-animation: oiblinksmallani 2s infinite 1s;
    animation: oiblinksmallani 2s infinite 1s;
}

.oiblinksmall:after,.oiblinksmall:before,.oiblinksmall{
    position: absolute;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
}