f#
* {
	box-sizing: border-box;
}

body {
	background-color: #EDF1F5;
	color: #333333;
	font-family: 'Yantramanav', sans-serif;
	line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
h1 {
	margin: 10px 0px;
}

ul {
	list-style-type: none;
}

a, a:hover, a:focus, a:visited {
	color: inherit;
	outline: 0;
}

a:hover, a:focus, a:visited {
	text-decoration: underline;
}

.b-r-0 {
	border-radius: 0;
}
.b-r-3 {
	border-radius: 3px;
}
.bottom {
	bottom: 0;
}
.bk-black {
	background-color: black;
}
.bk-brand {
	background-color: #ba1717;
}
.bk-white {
	background-color: white;
}
.bk-city {
	background-color: #645FE0;
}
.bk-business {
	background-color: #3AAEDA;
}
.bk-entertainment {
	background-color: #D870AD;
}
.bk-india {
	background-color: #E9573E;
}
.bk-politics {
	background-color: #F6BB43;
}
.bk-science {
	background-color: #34BC9B;
}
.bk-sports {
	background-color: #8CC051;
}
.bk-world {
	background-color: #967BDC;
}
.bk-facebook {
	background-color: #3B5998;
}
.bk-twitter {
	background-color: #55ACEE;
}
.bk-whatsapp {
	background-color: #66C75C;
}
.bk-grey {
	background-color: #8e8e93;
}

.btn:active {
	box-shadow: none;
}

.btn:focus {
	outline: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 10px;
	padding-left: 10px;
}

.f-12 {
	font-size: 12px;
}
.f-13 {
	font-size: 13px;
}
.f-14 {
	font-size: 14px;
}
.f-15 {
	font-size: 15px;
}
.f-16 {
	font-size: 16px;
}
.f-18 {
	font-size: 18px;
}
.f-20 {
	font-size: 20px;
}
.f-22 {
	font-size: 22px;
}
.f-24 {
	font-size: 24px;
}
.f-26 {
	font-size: 26px;
}
.f-36 {
	font-size: 36px;
}

.font-sans {
	font-family: 'Yantramanav', 'sans serif';
}
.font-serif {
	font-family: 'PT Serif', 'serif';
}

.font-w-400 {
	font-weight: 400;
}
.font-w-500 {
	font-weight: 500;
}
.font-w-700 {
	font-weight: 700;
}
.font-w-900 {
	font-weight: 900;
}

.form-control {
	background-color: #e8e8e8;
	font-weight: 400;
	font-style: italic;
}

.form-control:focus {
	border-color: #ccc;
	box-shadow: none;
}

.h-100 {
	height:100%;
}
.h-min-100 {
	min-height: 100vh;
}

.left {
	left: 0;
}

.level-1 {
	z-index: 321654653;
}
.level-2 {
	z-index: 32165465;
}
.level-3 {
	z-index: 3216546;
}

.m-10 {
	margin: 10px;
}
.m-b-0 {
	margin-bottom: 0px;
}
.m-b-5 {
	margin-bottom: 5px;
}
.m-b-10 {
	margin-bottom: 10px;
}
.m-b-15 {
	margin-bottom: 15px;
}
.m-b-20 {
	margin-bottom: 20px;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-40 {
	margin-bottom: 40px;
}
.m-b-50 {
	margin-bottom: 50px;
}
.m-l-5 {
	margin-left: 5px;
}
.m-l-10 {
	margin-left: 10px;
}
.m-l-15 {
	margin-left: 15px;
}
.m-l-20 {
	margin-left: 20px;
}
.m-l-30 {
	margin-left: 30px;
}
.m-l-40 {
	margin-left: 40px;
}
.m-r-5 {
	margin-right: 5px;
}
.m-r-10 {
	margin-right: 10px;
}
.m-r-15 {
	margin-right: 15px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-r-30 {
	margin-right: 30px;
}
.m-r-40 {
	margin-right: 40px;
}
.m-t-0 {
	margin-top: 0;
}
.m-t-5 {
	margin-top: 5px;
}
.m-t-10 {
	margin-top: 10px;
}
.m-t-15 {
	margin-top: 15px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-t-40 {
	margin-top: 40px;
}
.m-t-50 {
	margin-top: 50px;
}

.max-w-100 {
	max-width: 100%;
}

.no-inside-break {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.no-wrap {
	white-space: nowrap;
}

.p-0 {
	padding: 0 !important;
}
.p-5 {
	padding: 5px;
}
.p-10 {
	padding: 10px;
}
.p-15 {
	padding: 15px;
}
.p-20 {
	padding: 20px;
}
.p-30 {
	padding: 30px;
}
.p-40 {
	padding: 40px;
}
.p-50 {
	padding: 50px;
}
.p-b-0 {
	padding-bottom: 0;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.p-b-20 {
	padding-bottom: 20px;
}
.p-b-30 {
	padding-bottom: 30px;
}
.p-b-50 {
	padding-bottom: 50px;
}
.p-l-0 {
	padding-left: 0px;
}
.p-l-5 {
	padding-left: 5px;
}
.p-l-10 {
	padding-left: 10px;
}
.p-l-15 {
	padding-left: 15px;
}
.p-l-20 {
	padding-left: 20px;
}
.p-l-30 {
	padding-left: 30px;
}
.p-r-5 {
	padding-right: 5px;
}
.p-r-10 {
	padding-right: 10px;
}
.p-r-20 {
	padding-right: 20px;
}
.p-r-30 {
	padding-right: 30px;
}
.p-t-10 {
	padding-top: 10px;
}
.p-t-20 {
	padding-top: 20px;
}
.p-t-30 {
	padding-top: 30px;
}
.p-t-50 {
	padding-top: 50px;
}

.point-on-hover {
	cursor: pointer;
}

.posAbsolute {
	position:absolute;
}
.posFixed {
	position: fixed;
}
.posRelative {
	position: relative;
}

.right {
	right: 0;
}

.row {
	margin-right: -10px;
	margin-left: -10px;
}

.slide-down {
	display: block;
	top: 0;
}

.slide-down > div {
	animation-name: slideDownEnter;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: .4s;
	animation-fill-mode: forwards;
}

@keyframes slideDownEnter {
	0% {
		webkit-transform: translateY(-150%);
		transform: translateY(-150%);
	}
	100% {
		webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.slide-up {
	display: block;
	bottom: 0;
}

.slide-up > div {
	animation-name: slideUpEnter;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: .4s;
	animation-fill-mode: forwards;
}

@keyframes slideUpEnter {
	0% {
		webkit-transform: translateY(150%);
		transform: translateY(150%);
	}
	100% {
		webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.text-brand {
	color: #BA1717;
}
.text-dark {
	color: #222222;
}
.text-light {
	color: #868686;
}
.text-white {
	color: white;
}

.top {
	top: 0;
}

.w-100 {
	width: 100%;
}

.btn:focus, .btn:hover {
	color: white;
}

.notif-box {
	border: 1px solid #E2E2E2;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
	max-width: 450px;
	margin: 0 auto;
}

.notif-fav-ico {
	background: #fff url('/images/webNotifs/logo.png') 0 0/contain no-repeat;
	height: 80px;
	width: 80px;
}

#pageContent {
	min-height: calc(100vh - 100px);
}

.softTitle {
	color: #7D7D7D;
	font-size: 20px;
	line-height: 30px;
	text-transform: capitalize;
}
.softTitle:before {
	background-color: #ba1717;
	border-radius: 3px;
	width: 30px;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.timelineCategory {
	font-weight: 600;
	padding: 3px 15px 1px;
	text-transform: uppercase;
}

.newsletter {
	font-size: 20px;
	font-weight: lighter;
	height: 50px
}

.logo {
	height:18px;
}

.shadow {
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.05);
}

.timestamp {
	color: #757575;
}
.timestamp-grey {
	color: #bababa;
}

.errorTextWrapper {
	display: table;
	min-height: 300px;
	text-align: center;
}

	.errorTextWrapper > .errorText {
		display: table-cell;
		vertical-align: middle;
	}

.search-box {
	display: none;
	z-index:1050;
}

.topCategory {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	-moz-column-gap: 0px; /* Firefox */
	column-gap: 0px;
	height: 350px;
	overflow: hidden;
}
@media (max-width: 767px) {
	.topCategory {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		height: auto;
	}
}

<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->