/*
 * Notification Styles
 */
 .topnavigation ul li.notf-bell {
 	float: right;
 }
 .topnavigation ul li.notf-bell a {margin: 5px;color: #333;padding: 0;}
.nav-notification {

	float: left;
}
.manage-notf-arrow {
	border-left: 5px solid transparent;
  	border-right: 5px solid transparent;
  	border-bottom: 5px solid #fff;
  	width: 0;
  	height: 0;
  	position: absolute;
  	top: -5px;
  	right: 118px;
}
.manage-notification, .manage-notification-block {
	padding: 20px;
	background: #fff;
	font-size: 15px;
	text-align: center;
	color: #000;
	border-radius: 5px;
	position: absolute;
	top: 40px;
	margin: auto;
	display: none;
	width: 400px;
	height: 55px;
	box-shadow: 0 2px 1px 2px #ccc;
	right: 0;
}
.manage-notification-close, .manage-notification-close-block {
	position: absolute;
	top: -5px;
	right: 5px;
	font-size: 20px;
}
.giz-leftpanel {
	width: 660px;
	float: left;
}
.giz-rightpanel {
	width: 300px;
	float: right;
}
.notification-arrow {
	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
  	border-bottom: 10px solid #E1E1E1;
  	width: 0;
  	height: 0;
  	position: absolute;
  	top: -10px;
  	right: 46px;
}
.notification-wrapper {
	border: 1px solid #ccc;
	position: absolute;
	top: 44px;
	right: 0;
	background: #fff;
	z-index: 10000;
	width: 450px;
	display: none;
}
.popup-notification-header {
	background: #E1E1E1;
	padding: 0 10px;
	height: 55px;
}
.popup-notification-text {
	font-size: 20px;
	color: #000;
	float: left;
	padding: 12px 10px;
	cursor: pointer;
}
.popup-notification-text i {margin-right: 10px;}
.popup-notification-on-off {
	float: right;
	margin: 20px 10px;
	width: 40px;
	height: 14px;
	background: #fff;
	border-radius: 10px;
	position: relative;
}
.popup-notification-on-off span.on-off-link {
	width: 20px;
	height: 20px;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	transition: all 0.8s ease 0s;
	right:20px;
}
.popup-notification-on-off.onstate span.on-off-link {
	background: #00A1E4;
	transform: translateX(25px);
}
.popup-notification-on-off.offstate span.on-off-link {
	transform: translateX(-5px);
	background: #999;
}
.popup-bs-notlinks ul {
	height: 90%;
	overflow: auto;
	width: 100%;
	padding-bottom: 55px;
}
.notification-text {
	text-align: center;
	font-size: 22px;
	color: #2874f0;
	height: 30px;
	display: none;
	padding: 10px;
}
.notification-clear  {
	font-size: 13px;
	text-align: right;
	padding: 0px 10px;
	color: #333;
}
.notification-clear a {
    color: #333;
    text-decoration: none;
    line-height: inherit!important;
    margin: 0!important;
}
.notification-clear a:hover {text-decoration: underline!important;}
#notf-cont {display: none;}
#not-content li {
    list-style-type: none;
    padding: 8px 5px;
    border: 1px solid #e4e4e4;
    position: relative;
    margin: 5px;
    border-radius: 5px;
}
span.notification-num {
        background: #ff0000;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        position: absolute;
        font-size: 12px;
        top: 5px;
        right: 44px;
        line-height: 18px;
        font-weight: bold;
        color: #fff;
        text-align: center;
}
#not-content li a {
    display: block;margin: 0;
}
.popup-notf-artimg img {
    display: block;
}
.popup-notf-artimg {
    float: left;
    width: 110px;
}
.popup-notf-title {
    margin-left: 120px;
    font-size: 16px;
    color: #000;
    margin-right: 20px;
        line-height: 30px;
}
.popup-notf-notclose {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #666;
    font-size: 18px;
    font-weight: normal;
    padding: 2px 5px;
}
.popup-notf-notclose a {
    color: #666;
}

.notf-overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	opacity: 0.1;
	z-index: 10000000;
	position: fixed;
	background: #000;
	display: none;
}
.oi-notify {
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	text-align: center;
	z-index: 100000001;
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	margin-right: auto;
	margin-left: auto;
	width: 380px;
}
#oiNotification {
  	visibility: hidden;
	transform: translate3d(0,105px,-1000px);
	transition: all linear 0.3s;
	transition-delay: 1s;
}
#oiNotification.shownotf {
	transform: translate3d(0,0,0)!important;
	visibility: visible!important;
}
#oi-instant {
	position: relative;
	z-index: 100000001;
	background: #fff;
	border-radius: 0 0 5px 5px;
}
.oi-instant-updates-block {
	width: 320px;
	margin: 0 auto;
}
.oi-instant-updates-block-head {
	padding: 15px 0px 5px 45px;
	font-size: 14px;
	font-weight: bold;
}
.oi-instant-logo {
	width: 60px;
	height: 60px;
	background: url(/images/oneindia-app-icon.svg) no-repeat 0 0;
	position: absolute;
	left: 5px;
	top: 10px;
}
.oi-instant-updates-block-bottom {
	padding: 5px 0 0;
}
.oi-instant-updates-btn {
	padding: 5px 0;
	text-align: left;
}
.oi-instant-updates-btn button {
	border: none;
	width: 110px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 14px;
	border-radius: 2px;
	cursor: pointer;
}
.oi-instant-updates-btn button.oi-not-now {
	border: solid thin #b3b3b3;
	background: #ffffff;
	color: #666666;
	z-index: 100000 !important;
}
.oi-instant-updates-btn button.oi-enable {
	font-weight: 600;
	color: #ffffff;
	background: #0066cc;
	border: solid thin #0066cc;
	text-transform: uppercase;
	z-index: 100000 !important;
}
.notification-bell.ismovement{
  -webkit-animation-name: bellmovement;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 5;
  -webkit-animation-direction: linear;
  -webkit-transform-origin: 50% 0%;
  -webkit-animation-timing-function: ease-in-out;
}

@keyframes bellmovement {
  0% {
    -webkit-transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(20deg);
  }
  30% {
    -webkit-transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  60% {
    -webkit-transform: rotate(-5deg);
  }
  70% {
    -webkit-transform: rotate(-10deg);
  }
  80% {
    -webkit-transform: rotate(-20deg);
  }
  90% {
    -webkit-transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

#not-content {max-height: 280px;overflow: auto;}
/*Notification Settings CSS */
.one-wrapper-bg  img {width: 100%;height: 100%;}
			.article-overlay {background: rgba(0,0,0,0.8);position: fixed;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 100000;display: none;}
			.article-slider-wrapper {position: fixed;text-align:left;width: 1000px;height: 520px;margin: auto;z-index: 1000001;top: 0;left: 0;right: 0;bottom: 0;display: none;padding: 10px;background: #dedede;}
			.article-overlay.show-popup, .article-slider-wrapper.show-popup {display: block;}
			.article-slider {height:  525px;display: block;width: 100%;}
			.article-slider ul {height:  520px;}
			.article-slider .bx-wrapper {max-width: 100%!important;max-height:  520px!important;}
			.article-slider .bx-wrapper .bx-viewport {height:  520px!important;}
			.article-slider ul li {display: inline-block;width: 320px!important;margin: 0;vertical-align: top;background: #fff;box-shadow: 0 2px 2px #fff;height: 100%;position: relative;border-radius: 5px;padding: 10px;box-sizing: border-box;overflow: hidden;}
			.article-slider ul li a {display: block;white-space: normal;text-decoration: none;}
			.article-slider-thumb {text-align: center;}
			.article-slider-thumb img {display: block;width: 100%!important;}
			.article-slider-details {padding: 0;}
			.article-slider-title {font-size: 16px;color: #000;padding: 8px 0;}
			.article-slider-datetime {font-size: 11px;color: #666;padding: 0 0 8px 0;}
			.article-slider-desc {font-size: 13px;color: #000;}
			.article-slider-num {font-size: 16px;color: #333;padding: 3px 0;text-align: center;}
			.article-popup-close {
			    position: absolute;
			    top: -40px;
			    right: 0px;
			    font-size: 20px;
			    color: #fff!important;
			    text-decoration: none;
			    z-index: 1000000000;
			    border-radius: 50%;
			    border: 1px solid #fff!important;
			    width: 30px;
			    height: 30px;
			    line-height: 32px;
			    text-align: center;
			    font-family: Arial, Helvetica, sans-serif;
			}
			.article-popup-settings {
			    position: absolute;
			    top: -40px;
			    left: 0px;
			    font-size: 20px;
			    color: #fff!important;
			    text-decoration: none;
			    z-index: 1000000000;
			    width: 30px;
			    height: 30px;
			    line-height: 30px;
			    text-align: center;
			    background: url(https://images.oneindia.com/notification/images/settings-icon.svg) no-repeat 0 0;
			    text-indent: -99999px;
			}
			.other-article-title {font-size: 16px;color: #fff;position: fixed;top: 20px;font-weight: bold;left: 15px;z-index: 1000000;}
			#loader-wrapper {
			    position: fixed;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			    z-index: 1000;
				background:rgba(255,255,255,0.8);
			}
			#loader {
			    display: block;
			    position: relative;
			    left: 50%;
			    top: 50%;
			    width: 100px;
			    height: 100px;
			    margin: -50px 0 0 -50px;
			    border-radius: 50%;
			    border: 3px solid transparent;
			    border-top-color: #354395;
			    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
			    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
			}
			#loader:before {
			    content: "";
			    position: absolute;
			    top: 5px;
			    left: 5px;
			    right: 5px;
			    bottom: 5px;
			    border-radius: 50%;
			    border: 3px solid transparent;
			    border-top-color: #f37321;
			    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
			    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
			}
			@-webkit-keyframes spin {
			    0%   {
			        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			        -ms-transform: rotate(0deg);  /* IE 9 */
			        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
			    }
			    100% {
			        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			        -ms-transform: rotate(360deg);  /* IE 9 */
			        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
			    }
			}
			@keyframes spin {
			    0%   {
			        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			        -ms-transform: rotate(0deg);  /* IE 9 */
			        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
			    }
			    100% {
			        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
			        -ms-transform: rotate(360deg);  /* IE 9 */
			        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
			    }
			}
			@media screen and (min-device-width: 768px) and (max-device-width: 1824px) and (orientation : landscape){
				.article-slider-thumb img {display: inline-block;width: auto;}
			}
			.article-slider-sharelinks {padding: 5px 10px;text-align: center;border-top: 1px solid #ccc;position: absolute;bottom: 0;background: #fff;left: 0;right: 0;z-index: 100000;}
			.article-slider-footer {position: absolute;left: -300px;bottom: 6px;background: #fff;-webkit-transition: left .5s ease;-moz-transition: left .5s ease;-ms-transition: left .5s ease;transition: left .5s ease;}
			.article-slider-footer.active {left: 0;right: 0;}
			.article-share {font-size: 18px;color: #999;text-align: left;float: left;}
			.article-slider-footer a {margin: 0 4px;font-size: 16px;color: #fff;border-radius: 5px;width: 50px;height: 30px;display: inline-block!important;text-align: center;line-height: 30px;}
			.article-slider-facebook {background: #3d5a9a;}
			.article-slider-twitter {background: #39a9e0;}
			.article-slider-whatsapp {background: #94dc89;}
			.article-slider-gplus {background: #dd4b39;}
			.article-slider-container {overflow-y: scroll;padding: 10px 0 50px 0;position: relative;height: 450px;}
			.article-slider .bx-wrapper .bx-controls a {position: absolute;top: 50%;width: 20px;height: 20px;text-indent: -9999px;}
			.article-slider .bx-wrapper .bx-controls a.bx-prev {left: -20px;background: url(https://images.oneindia.com/notification/images/arrow-left.png) no-repeat center center;}
			.article-slider .bx-wrapper .bx-controls a.bx-next {right: -20px;background: url(https://images.oneindia.com/notification/images/arrow-right.png) no-repeat center center;}


			.city-popup-list {position: fixed;width: 900px;height: 520px;margin: auto;z-index: 1000002;top: 0;left: 0;right: 0;bottom: 0;display: none;background: #fff;border-radius: 10px;}
			.notification-settings-popup {position: fixed;width: 900px;height: 520px;margin: auto;z-index: 100000999;top: 0;left: 0;right: 0;bottom: 0;display: none;background: #fff;border-radius: 10px;}
			.notification-settings-clearbox {position: fixed;width: 900px;height: 520px;margin: auto;z-index: 1000002;top: 0;left: 0;right: 0;bottom: 0;display: none;background: #fff;border-radius: 10px;}
			.notification-overflow-clearbox {width: 300px;margin: 220px auto;text-align: center;}
			.notification-settings-btn {background: #e2e2e2;padding: 10px;text-align: center;font-size: 18px;position: absolute;bottom: 0;left: 0;right: 0;font-weight: bold;cursor: pointer;}
			.notification-settings-btn a {padding: 5px 10px;font-size: 16px;color: #000;display: inline-block;border-radius: 5px;border: 1px solid #ccc;
width: 50px;}
            .notification-settings-btn a.yes {background: #1fa3e1;}
            .notification-settings-btn a.no {background: #d7d2d2;}
			.notification-settings-content {padding: 20px;}
			.notification-settings-bottomcontent {padding: 20px;}
			.notification-settings-heading {font-size: 18px;color: #000;font-weight: bold;padding: 0 0 10px 0;}
			.notification-settings-heading span {color: #666;font-size: 14px;cursor: pointer;}
			.notification-settings-details ul li {float: left;width: 45%;list-style-type: none;padding: 5px 0 10px 0;font-size: 14px;color: #000;box-sizing: border-box;}
			/*.notification-settings-details ul li:last-child{width: 100%;}*/
			.alerts-time-selbox {padding: 5px 10px;background: #e2e2e2;border: 0 none;}
			.notification-settings-desc {font-size: 16px;color: #000;padding: 0 0 5px 0;}
			.notification-settings-qwert {padding-bottom: 20px;position: relative;}
			.notification-on-off {
            	float: right;
            	margin: 20px 10px;
            	width: 35px;
            	height: 14px;
            	background: #999999;
            	border-radius: 10px;
            	position: absolute;
				right: 10px;
				top: 20px;
            }
            .notification-on-off span.on-off-link {
            	width: 20px;
            	height: 20px;
            	cursor: pointer;
            	border-radius: 50%;
            	position: absolute;
            	top: -4px;
            	transition: all 0.8s ease 0s;
            	box-shadow: 0 2px 3px #666;
            }
            .notification-on-off.onstate {background: #b3cefb;}
			.notification-on-off.onstate span.on-off-link {background: #4285f4;transform: translateX(25px);}
			.notification-on-off.offstate span.on-off-link {transform: translateX(-5px);background: #fafafa;}
			.notification-settings {
			    position: absolute;
			    top: -40px;
			    left: 0px;
			    font-size: 20px;
			    color: #fff!important;
			    text-decoration: none;
			    z-index: 1000000000;
			    line-height: 30px;
			    text-align: center;
			}
			.notification-overflow {height: 520px;overflow: hidden;}
			.city-list-content {padding: 20px 10px;height: 440px;overflow: auto;}
			.city-list-content ul li {list-style-type: none;padding: 8px 0;width: 33.3%;float: left;font-size: 16px;color: #000;}
			.city-popup-list.close-popup {display: none;}
			.notification-settings-popup.show-popup {display: block;}
			.article-slider-wrapper.hide-popup {opacity: 0;}


			.squaredradio {
			    float: left;
			    margin: 2px 10px 0 0;
			    position: relative;
			    width: 20px;
			}
			.squaredradio input[type="checkbox"] {
			    visibility: hidden;
			}
			.squaredradio i, .squaredradio i:hover {
			    border: thin solid #cdcdcd;
			    cursor: pointer;
			    height: 16px;
			    left: 0;
			    padding: 0;
			    top: 0;
			    width: 16px;
			    border-radius: 50%;
			    background: #fff;
			}
			.squaredradio i {
			    position: absolute;
			}
			.squaredradio i::after {
			    content: "";
			    height: 10px;
			    left: 3px;
			    opacity: 0;
			    position: absolute;
			    top: 3px;
			    transform: rotate(-45deg);
			    width: 10px;
			    background: #000;
			    border-radius: 50%;
			}
			.squaredradio input[type="radio"]:checked + i::after {
			    opacity: 1;
			}
			.squaredradio input[type="radio"]:checked + i {
			    background: #fff;
			    border: thin solid #cdcdcd;
			}
			.compare-radio .squaredradio i {width: 20px;height: 20px;}
			.compare-radio label {
			    color: #333;
			    cursor: pointer;
			    display: block;
			    font-size: 14px;
			    font-weight: 400;
			    margin-bottom: 0;
			    min-height: 20px;
			    padding: 0 0;
			}
			.compare-radio .squaredradio i::after {top: 5px;left: 5px;}


			.squaredcheck {
			    float: left;
			    margin: 2px 10px 0 0;
			    position: relative;
			    width: 20px;
			}
			.squaredcheck input[type="checkbox"] {
			    visibility: hidden;
			}
			.squaredcheck i, .squaredcheck i:hover {
			    border: thin solid #cdcdcd;
			    cursor: pointer;
			    height: 16px;
			    left: 0;
			    padding: 0;
			    top: 0;
			    width: 16px;
			    border-radius: 3px;
			    background: #fff;
			}
			.squaredcheck i {
			    position: absolute;
			}
			.squaredcheck i::after {
			    -moz-border-bottom-colors: none;
			    -moz-border-left-colors: none;
			    -moz-border-right-colors: none;
			    -moz-border-top-colors: none;
			    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			    border-color: -moz-use-text-color -moz-use-text-color #cdcdcd #cdcdcd;
			    border-image: none;
			    border-style: none none solid solid;
			    border-width: medium medium 2px 2px;
			    content: "";
			    height: 4px;
			    left: 3px;
			    opacity: 0;
			    position: absolute;
			    top: 3px;
			    transform: rotate(-45deg);
			    width: 8px;
			}
			.squaredcheck input[type="checkbox"]:checked + i::after {
			    opacity: 1;
			}
			.squaredcheck input[type="checkbox"]:checked + i {
			    background: #fff;
			    border: thin solid #cdcdcd;
			}
			.filter_by{
				margin-left: 2px;
			}
			.compare-checkbox .squaredcheck i {width: 20px;height: 20px;}
			.compare-checkbox label {
			    color: #333;
			    cursor: pointer;
			    display: inline-block;
			    font-size: 14px;
			    font-weight: 400;
			    margin-bottom: 0;
			    min-height: 20px;
			    padding: 0 0;
			}
			.compare-checkbox .squaredcheck i::after {top: 5px;left: 5px;}
			.article-slider-delete {background: url(https://images.oneindia.com/notification/images/delete-icon.svg) no-repeat 0 0;width: 25px;height: 25px;position: absolute;right: 10px;top: 5px;text-indent: -99999px;}
			.notification-settings-clear {border-top: 1px solid #ccc;padding: 10px 0;}
			.notification-settings-clearbox {display: none;}
			.no-notification-wrapper {margin: 120px auto;text-align: center;}
			.no-notif-content {width: 100px;height: 100px;background: url(https://images.oneindia.com/notification/images/bell-icon1.svg) no-repeat 0 0;position: relative;margin: 0 auto;}
			.no-notif-text {font-size: 16px;color: #000;padding: 10px;font-weight: bold;}
			.no-notif-content span {width: 30px;height: 30px;background: #dedede;border-radius: 50%;position: absolute;right: 20px;top: 5px;font-size: 20px;color: #000;font-weight: bold;}
			.compare-radio {text-align: left;line-height:25px;}
.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.clearfix:after {	clear: both;	content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;
	width: 0;	height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}
.article-slider ul li.oneslide {width: 320px;margin: 0 auto;display: block;}

.article-slider .bx-wrapper .bx-controls a.bx-prev.disabled,.article-slider .bx-wrapper .bx-controls a.bx-next.disabled {display: none;}

.article-slider-footer a.article-social-close {margin: 0 4px;font-size: 16px;color: #fff;border-radius: 50%;width: 25px;height: 25px;display: inline-block!important;text-align: center;line-height: 25px;background: #000;border: 1px solid #000;font-weight: bold;}
.article-slider ul li.slide23 {margin-right: 10px;}
.article-slider ul li.slide23:last-child{margin-right: 0;}

.instant-updates-bottom {padding: 0px;background: #e6e6e6;position: fixed;left: 0;right: 0;bottom: 0;font-family: Arial, Helvetica, sans-serif;box-shadow: 3px 3px 5px 3px #333;z-index: 999999;}
.instant-updates-mid {width: 450px;margin: 0 auto;background: #f2f2f2;position: relative;}
.instant-updates-bellicon {width: 40px;height: 40px;float: left;border-radius: 50%;background: #e6e6e6;}
.updates-bellicon {background: url(https://images.oneindia.com/notification/images/bell-icon-black.svg) no-repeat left center;width: 25px;height: 25px;margin: 7px;display: block;}
.instant-updates-content {font-size: 15px;color: #403e40;font-weight: 600;margin: 0 75px 0 0px;}
.instant-updates-content span {display: block;padding-top: 12px;margin-left: 50px;text-align:center;}
.instant-updates-close {position: absolute;right: -40px;font-size: 20px;color: #000;font-weight: 600;cursor: pointer;line-height: 50px;width: 40px;text-align: center;bottom: 0;}
.instant-updates-left {margin: 0 40px;padding: 5px;cursor: pointer;position: relative;}
.instant-updates-left:after {display: table;content: '';clear: both;}
.instant-updates-arrow {position: absolute;top: 10px;right: 10px;color: #fff;background: #403e40;text-transform: uppercase;font-size: 12px;padding: 10px;font-weight: bold;}