@charset "utf-8";
/* CSS Document */
.clearfix:after, before{content: ""; display: block; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
.btn_box, .submit-btn{
	-o-transition: color .2s ease-out, all .3s ease-in;
 -ms-transition: color .2s ease-out, all .3s ease-in;
 -moz-transition: color .2s ease-out, all .3s ease-in;
 -webkit-transition: color .2s ease-out, all .3s ease-in;
 transition: color .2s ease-out, all .3s ease-in;}
/********************* Clearfix ************************/
*{margin:0; padding:0;}
body{background: #eeeeee !important; color: #333333; font-family: 'Open Sans', sans-serif !important; font-weight: 400; font-size: 16px;}
ul{list-style-type: none; padding: 0; margin: 0;}
a:hover, a:focus{text-decoration: none !important; outline: 0 !important;}

/********************* top header ************************/
.text-center img{display: inline-block;}
.outer_box{background: #fff; padding: 0 10px;}
.date_box{font-size: 14px; color: #666666;}
.date_box span.date {
    font-size: 40px;
    color: #009eed;
    font-weight: bold;
}
.date_box span.month {
    display: inline-block;
    margin-left: 10px;
    line-height: 14px;
    margin-top: 15px;
}
.social-icons li {
    display: inline-block;
    margin-top: 15px;
    margin-left: 5px;
}
.logo{padding-top: 10px;}
.logoSection{margin: 10px 0 20px 0;}


/********************* top menu ************************/
.top-menu{background: #009eed none repeat scroll 0 0; margin-bottom: 4px;}
.main_menu{background: none !important; border: none !important; margin-bottom: 0px !important;}
.main_menu .navbar-nav li a {
    color: #fff !important;
    font-size: 12px;
    padding: 15px 25px;
    text-transform: uppercase;
    border-right: 1px solid #1271a1;
    box-shadow: 1px 0 0 #76cbf5;
}
.navbar-default .navbar-nav > .open > a{background-color: #009eed !important;}
.main_menu .navbar-nav li:last-child a{border-right: 0px solid #76cbf5; box-shadow: 0px 0 0 #1271a1;}
.main_menu .navbar-nav li a:hover{background-color: #0277b2 !important; color: #fff !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: #0277b2 !important;}
.nav-paddin{padding-left: 0 !important;}
.main_menu .navbar-nav li ul li a{color: #444444 !important; border: none !important;}
/********************* top menu ent ************************/

.entertainment_Div{
    background-color: #f7f7f7 !important;
}
.mp-container {
    border: none;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.13);
}
.heading_wrapper {
    text-align: left;
    margin-bottom: 25px;
}
.heading_wrapper h2 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.heading-line {
    width: 100%;
    height: 1px;
    background: #ccc;
}
.heading-line span {
    display: block;
    width: 60px;
    background: #222;
    height: 1px;
}
.mp-title {
    font-size: 12px;
    margin: 0 0 10px 0;
	line-height: 20px;
}
.mp-container a {
    transition: color 0.15s;
    font-weight: bold;
	word-break: break-all;
}
.mp-date {
    margin-right: 10px;
}
core-extend.css:1
.mp-container .mp-date {
    font-size: 11px;
    text-transform: uppercase;
    margin-right: 20px;
}
.mp-container .mp-views {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #CF000F;
}
.mp-image {
    float: left;
    margin-right: 20px;
}
.mp-image img {
    width: 120px;
    height: 83px;
}

.common_text.features_main_title{line-height: 20px !important; font-size: 12px;}
.main-news-heading {
    font-size: 13px;
    color: #000;
    font-weight: normal !important;
    height: 55px;
    overflow: hidden;
    line-height: 23px;
    margin-bottom: 4px;
}
.main-news-heading a {
    color: #000;
}
.more-news-block ul li {
    list-style-type: none;
    border-bottom: 1px dotted #b4b3b3;
    padding: 7px 0;
    overflow: hidden;
}
.news-thumbimg {
    width: 75px;
    float: left;
    margin: 0 10px 0 0;
}
.news-thumbimg a {
    position: relative;
    display: block;
}
.news-desc {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    line-height: 21px;
    /* word-break: break-all; */
}
.news-desc a {
    color: #000;
}
.homeSlider {
    position: relative;
    padding-bottom: 5px;
}
.bxslider {
    overflow: hidden;
}
.more-news-block.indexpage ul li, .more-classifieds-block.indexpage ul li {
    padding: 0 0 7px 0;
    margin-bottom: 7px;
}
.homeSlider ul li {
    max-width: 200px;
    background: #e8e8e8;
    text-align: center;
    padding-top: 5px!important;
    float: left;
    margin-right: 4px;
    border-bottom: none;
}
.more-news-block ul li a{color: #021f38;}
.more-news-block ul li {
    list-style-type: none;
    border-bottom: 1px dotted #b4b3b3;
    padding: 7px 0;
    overflow: hidden;
	font-size: 12px;
}
.oi-home-slider-img {
    position: relative;
    min-height: 100px;
	padding: 2px 6px;
}
.oi-home-slider-heading {
    color: #000;
    font-size: 12px;
    padding: 0px 8px 10px;
    overflow: hidden;
    height: 150px;
}
.oi-home-slider-heading a {
    color: #000;
}
.ad_box{margin: 25px 0;}
.heding_class h3{border-bottom: 1px solid #999; font-size: 18px; font-weight: bold;}
.videoBoxs iframe{width: 100%; height: 300px;}

.latestNews_Box .heding_class h3{color: #c20000; font-weight: bold; text-transform: uppercase; margin: 40px 0 0; padding-bottom: 10px;}

.footer{border-top: 3px solid #e90000; padding: 2% 0; background: #fff;}
.footer div.col-md-8 div a {
    float: left;
    width: 100%;
}

.footer a {
    font-size: 16px;
    color: #1F1F19;
    font-family: 'Roboto Condensed',sans-serif;
    display: block;
}
.top_ad{margin-top: 17px;}
.scroll {
    width: 100%;
    float: left;
    background-color: #ae0800;
    height: 30px;
    overflow: hidden;
    position: relative;
    margin: 5px 0;
}

.scroll .head {
    margin: 0;
    background-color: red;
    padding: 0 7px;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    width: auto;
    line-height: 30px;
    width: 100px;
    border-top: 0 dotted #FFF;
    position: absolute;
    top: 0;
    left
}
.scroll .scrolltext {
    font-family: Meera,Rachana_w01,AnjaliOldLipi,Kartika Arial Verdana;
    width: auto;
    margin: 0;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    padding-left: 90px;
    line-height: 30px;
}
.tickercontainer {
    font-size: 14px;
    height: 30px;
    color: #fff;
    float: left;
    width: 100%;
    padding: 3px 10px;
    margin: 0;
    overflow: hidden;
}
.main_slide .carousel-control.left, .main_slide .carousel-control.right{background: none;}
.main_slide .carousel-caption{  right: 0;
    left: 0; text-shadow: 0 0px 0px rgba(0, 0, 0, .6);
    padding-bottom: 0; 
	text-align: left;
	top: 35%;
    position: relative;
	}
.main_slide p{color: #333;}
.main_slide .carousel-control .glyphicon-chevron-left, .main_slide .carousel-control .glyphicon-chevron-right{
top: 31%;}

.highlight_story_art, .story_listing_art{
    border-bottom: 1px #eef1f5 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.highlight_story_content_blk{
    overflow: hidden;
    position: relative;
}
.highlight_story_text_blk {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 1;
    background-image: url("../images/bg-gradient.png");
    background-repeat: repeat-x;
    background-position: left top;
    bottom: 0;
    padding: 10px 0 10px 0;
    display: block;
}
.highlight_story_header, .highlight_story_header a, .highlight_story_header a:hover {
    color: #fff;
}
.highlight_story_header {
    font-family: EGGIndulekhaUni;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    padding: 0 10px 0 10px;
    display: block;
}
.highlight_story_intro {
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 10px 0 10px;
}
img.lazy.img-responsive{width: 100%;}
.malayalam_head, .indepth_malayalam_head {
    font-size: 18px;
    font-weight: bold;
    color: #072b5f;
    margin-bottom: 10px;
    display: block;
    line-height: 24px;
}
.stories_slot_img {
    width: 150px;
    height: auto;
    margin-right: 10px;
    float: left;
}
.malayalam_head a, .storyclass1 h4 a, .right_side_latest_news_art li a, .section_sng_col_justin_news ul li a, .mynewslist ul li a, .section_sng_col_sub_sec_bull_news ul li a {
    color: #072b5f;
}
.panchari_Normal {
    font-family: "PanchariUni";
    font-size: 13px;
    color: #000;
    font-weight: normal;
    line-height: 23px;
    padding: 0;
}
.articleheadingPage {
    font-family: "EGGIndulekhaUni";
    font-size: 18px;
    font-weight: bold;
    color: #072b5f;
    margin-bottom: 10px;
    display: block;
    line-height: 24px;
}
.article.rte-article{margin-top: 15px; font-size: 13px;}
.article.rte-article p {
    font-family: "PanchariUni";
    color: #000;
    font-weight: normal;
    margin-bottom: 15px;
	font-size: 13px;
}
.article.rte-article p.font_bold{font-weight: bold; font-size: 21px;}

.relatedBlock {
    margin: 10px 0 0 0;
    padding: 10px 0 10px 0;
    border-top: 3px #333 solid;
}

.relatedHead {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    height: auto;
    font-style: normal;
    text-transform: uppercase;
}
.topstory ul li {
    float: left;
    display: block;
    color: #072b5f;
    list-style-type: none;
    border-bottom: 1px #eef1f5 solid;
    font-family: "PanchariUni";
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    padding: 10px 10px 5px 0;
    text-align: left;
    overflow: hidden;
}
.topstory ul li a {
    color: #072b5f;
    text-decoration: none;
}
.related-stories_img {
    width: 85px;
    height: auto;
    margin-right: 10px;
    float: left;
}
.relatedBlock.reltdStorParWrap{margin-bottom: 20px;
display: inline-block;
width: 100%;}

.more-news-list li{display: inline-block; width: 49%;}

.contact form .form-control {
    border: 1px solid #666666 !important;
    border-radius: 0;
    height: 40px;
}
.contact form textarea {
    min-height: 200px;
    width: 100%;
}
.submit_btn {
   color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
padding: 10px 20px !important;
border: 0;
background: #b4222a;
max-width: 200px;
margin: 20px auto;
text-align: center;
}
.contact-form{margin-top: 50px;}

.main-new-img img.img-responsive, .bxslider img.img-responsive{width: 100%;} 
.sidebarlisting{padding-left:40px; float:left}
.trendNo{font-family: Arial;
    font-size: 30px;
    color: #999;
    float: left;
    position: absolute;
    left: 0;
    top: 10%;
}
.image.parbase.section img, .article.rte-article iframe{width: 100%;}


/*--------------------------------------------------------
12-1-2018
--------------------------------------------------------*/
.flag_bold{font-weight: bold;}
.grhd{
    font: bold 20px/20px arial;
color: #b6232b;
padding: 0;
text-transform: uppercase;
display: inline-block;
}
.social_mediaicons ul li{margin-right: 5px; display: inline-block;;}
.social_mediaicons ul li a{background: #ae0800; display: inline-block; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; font-size: 13px;
-o-transition: color .2s ease-out, all .3s ease-in;
 -ms-transition: color .2s ease-out, all .3s ease-in;
 -moz-transition: color .2s ease-out, all .3s ease-in;
 -webkit-transition: color .2s ease-out, all .3s ease-in;
 transition: color .2s ease-out, all .3s ease-in;
 }
.social_mediaicons ul li a:hover{background: #000; color: #fff;}






/*--------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
.main_menu .navbar-nav li a {
    padding: 15px 25px;
}
}
@media only screen and (max-width: 991px) {
.logo img.img-responsive{display: inline-block; max-width: 200px;}
.date_box{position: absolute;}
.logo, .vether .weather, .vether .weather .weatherItem{text-align: center !important;}
.vether.pull-right, .social-icons.pull-right{float: none !important; text-align: center;}
.weatherItem.odd.night{background-position: center center;}
.trendNo{font-size: 30px !important; top: 30px !important; padding: 0!important;}
.col-md-12.col-sm-12.col-xs-12.trendDiv{ padding: 0!important;}
.sidebarlisting{padding-left: 10px;}
}
@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {
.date_box{position: inherit; text-align: center;}
}