body{font-family: 'Fira Sans', sans-serif; color: #000; padding-top: 200px;}
@charset "utf-8";

/* @import url(//db.onlinewebfonts.com/c/1ae1a05ddbbc273fc44eb5702615bfec?family=Noto+Sans+Malayalam); */

@import "icons.css";
.nav > li > a:hover, .nav > li > a:focus{ background: #fff; }
.hed-top{
    border-bottom: solid 1px #000; height: 45px; line-height: 45px;
}
.hed-top-left{ float: left; font-size:14px; color: #000; font-weight: 500; width: 170px; }
.hed-top-right{ float: right;   width: calc(100% - 200px); font-size: 16px;font-weight: 500;  }
.hed-top-right .serch{ float: right;text-transform: capitalize; border-left:  solid 1px #000; margin-left: 15px; color: #000; font-size: 14px;width: 90px; padding-left: 36px; position: relative}
.hed-top-right .serch i{ line-height: 43px; left: 12px;top: 1px;    position: absolute;}
.hed-top-right .serch:hover{ opacity: 0.6 }
.hed-top-right i{  font-size:22px; }
.hed-top-right .share{ float: right;line-height: 50px; }
.hed-top-right .share .tel i{ font-size: 18px!important; }


.hed-top-right .share ul li{ font-size:18px; color: #000; display: inline-block; padding: 0px 5px;}
.hed-top-right .share ul li:hover{ opacity: 0.6 }
.hed-top-right share i{font-size:20px;}

.hed-center{ padding: 5px 0px; position: relative}
.hed-center .thetruth-logo{ width: 230px; margin: 0 auto}
.side-caption{ width: 150px; position: absolute; right: 0px; top: 55px;}

#header .header .logo{ display: none;}

/* 
#header .main-nav{ width: 100%; }
.navbar-collapse.collapse{ border-bottom: solid 5px #000; border-top:  solid 1px #000; background: #fff}
#header .main-nav li a{ line-height: 44px; padding: 0px;display: block; font-size: 18px;  position: relative; text-transform: uppercase; color:#000; font-weight: 400 }
#header .main-nav li a:hover{ opacity: 0.6}
.nav{ width: 780px; margin: 0 auto} 
*/

.btn{ 
    /* height: 45px;  */
    padding: 0px 30px; 
    line-height: 45px; }
.btn:hover:before{   
    top: 16px;
    line-height: 12px;}
a{ transition: 0.3s!important;}
/* ----------------------------------------------------------------
    common classes
-----------------------------------------------------------------*/

*				{ margin:0; padding:0; border:0; outline:0; text-decoration:none;}
.clr, .clear	{clear:both;}
li.clr			{clear:both; float:none !important; width:auto !important; height:auto !important; border:0 !important; background:none !important; padding:0 !important; margin:0 !important;}
.no-bg-img 		{background-image: none!important;}
.no-bg 			{background: none!important;}
.inline 			{display: inline-block!important;}
.relative 		{position: relative !important;}
.absolute 		{position: absolute !important;}
.static 			{position: static !important;}
.display-none	{display:none;}
.bg-blue		{  text-align: center;
 

    background-color: #fff;


}
.bg-blue p{    line-height: 30px;    padding-bottom: 30px;
    padding-top: 10px;
    font-size: 18px; font-family: 'Montserrat', sans-serif; color: #313b50;}

.bg-blue h2{ font-size: 40px; color: #1e2836}
.bg-blue h2 span{ color: #eb1b35; font-weight: 700}

.bg-white		{ background:#fff !important;}
.advisor-overlay{ position:absolute; left:0; right:0; top:0; bottom:0;}
.heading h1,
.heading h2		{ margin-bottom:10px}
.img-shadow{-webkit-box-shadow: -10px 10px 0px 0px rgba(226,228,233,1);-moz-box-shadow: -10px 10px 0px 0px rgba(226,228,233,1);box-shadow: -10px 10px 0px 0px rgba(226,228,233,1);}
img{ max-width:100%;}
.list-bullets li	{ list-style:none; position:relative; padding:5px 0 5px 17px;font-family: "Open Sans",sans-serif;}
.list-bullets li:before{ position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:100%; content:"";}
.list-bullets li strong{ font-weight:600;}
.list-bullets.two li{ padding:9px 0 6px 17px;}
.list-bullets.two li:before{ top:20px;}
.color-white{  }

.bounceIn h1{font-size: 42px; font-weight: 400;line-height: 55px; color: #eb1b35!important}
.bounceIn p{font-size: 18px!important; font-weight: 400; color: #fff!important}

.animate-it{opacity:0;}
.animate-it.animated{opacity:1;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#121212;}
.link-grey{ color:#929292; font-size:15px;}
.link-grey:hover{ color:#000;}
.link-grey i{ margin-right:4px;}
.color-purple{ color:#3a2c5f !important;}


.loader{ position:fixed; left:0; right:0; top:0; bottom:0; background:url(../images/loader.gif) no-repeat center center #fff; z-index:50000;}
.spinner { height: 40px; left: 50%;margin: -20px 0 0 -20px;position: absolute; top: 50%;width: 40px;}
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out;  animation: sk-bounce 2.0s infinite ease-in-out;}
.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) }}
@keyframes sk-bounce { 0%, 100% {    transform: scale(0.0);   -webkit-transform: scale(0.0); } 50% {    transform: scale(1.0);   -webkit-transform: scale(1.0); }}







/*------------------------------------------------------------------

HEADER

-------------------------------------------------------------------*/

p{font-family: 'Gayathri', sans-serif; font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; color: #000 }
section{ padding: 0px; }
#header{ right: 0;top: 0;z-index: 300;left: 0; background: #fff }
#header .top-bar{ background:#333d53 url(images/tex-1.png) repeat;  color:#fff; position:relative; height:49px;}

#header .top-bar p{ float:left; font-size:20px; padding:9px 0px; margin:0 0 0 0px; font-weight:200; position:relative; font-family: "Montserrat",sans-serif; letter-spacing: 3px; }
#header .top-bar ul{ float:right;}
#header .top-bar ul li{ float:left; list-style:none; font-size:14px; margin:15px 34px 14px; position:relative;}
#header .top-bar ul li i{ font-size:20px; position:absolute; left:-25px; top:0px;}
#header .top-bar ul li i.icon-icons74{ font-size:27px;top: -5px;}
#header .top-bar ul li i.icon-icons20{ font-size:27px;top: -5px;}
#header .top-bar-simple{ background:#f2f2f2; padding:0 20px; position:relative;}
#header .top-bar-simple p{ float:left;font-size:16px; padding:9px 20px; margin:0 0 0 -20px; font-weight:400; position:relative;}
#header .top-bar-simple ul{ float:right;}
#header .top-bar-simple ul li{ float:left; list-style:none; font-size:14px;}
#header .top-bar-simple ul li i{ font-size:20px;}
#header .top-bar-simple ul.social li a i{ background:none; border:0; line-height:50px; height:49px;border-radius:0;}
#header.header-two{ position:relative;}
#header.header-two .header{ height:auto;}
@media (min-width: 767px) {
#header.header-two .main-nav{ float:none; width:100%; background:#323946; text-align:center;margin-bottom: -40px;}
#header.header-two .main-nav li{ float:none; display:inline-block;margin: 0 10px;}
#header.header-two .main-nav li a{ color:#fff; padding:10px 10px 13px; line-height:50px; border-bottom:0; border-top:4px solid transparent;}
}
#header.header-two .header-contact-widget { float:right;}
#header.header-two .header-contact-widget li{ float:left; list-style:none;padding: 29px 30px 0 0;}
#header.header-two .header-contact-widget li i{ float:left;font-size: 24px; margin: 9px 0 0 -10px;}
#header.header-two .header-contact-widget li i.icon-telephone114{ margin-top:13px;}
#header.header-two .header-contact-widget li i.icon-icons74{ font-size:32px;}
#header.header-two .header-contact-widget li i.icon-icons20{ font-size:32px;}
#header.header-two .header-contact-widget li p span, #header.header-two .header-contact-widget li p a{ display:block; color:#000;}
#header.header-two .header-contact-widget li p{ padding:0 0 0 30px; font-weight:600;line-height: normal;}
#header.header-two .header-contact-widget li p span, #header.header-two .header-contact-widget li p a{ font-size:14px; font-weight:400;}
#header.header-two .search-btn{ margin-right:0;}

#header.header-three{ background:rgba(255,255,255,0.90); border-bottom:1px solid #d3dadd;}
#header.header-three .main-nav {float: left; padding: 0 0 0 30px;}
#header.header-three .main-nav li a:hover, #header.header-three .main-nav li.active a{ border-color:transparent;}

#header .search-container{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(255, 255, 255, .97); z-index:500; display:none;}
#header .search-container .search-overlay{position:fixed; left:0; right:0; top:0; bottom:0; background: #dddddd;}
#header .search-container label{ font-size:48px; float:left;line-height: 56px;}
#header .search-container .header-search-close{ position:absolute; right:2%; top:2%; font-size:30px; cursor:pointer; z-index:500; background: #fff; width: 50px; height: 50px; border-radius:  30px; text-align: center; line-height: 50px;}
#header .search-container .header-search-close:hover{ background: #eb1b35; color: #fff } 


#header .search-container .search{ background:none; padding:0; width:500px; height:70px; margin:-35px 0 0 -250px; position:absolute; left:50%; top:20%;}


#header .header, #header .header .logo, #header .search-btn{ -webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}

@media (min-width: 767px) {
#header .main-nav li{ margin:0 18px; font-weight: 500; }


#header .main-nav li a i{font-size: 14px; margin-left: 5px; text-align: center; width: 13px;}
#header .main-nav li.dropdown ul.dropdown-menu{ display:none; padding:0; margin:0; min-width:250px; border:0; border-radius:0;}
#header .main-nav li.dropdown:hover ul.dropdown-menu{ display:block;}
#header .main-nav li.dropdown ul.dropdown-menu li{ margin:0; display:block;}
#header .main-nav li.dropdown ul.dropdown-menu li a{ line-height:normal; color:#000; padding:14px 33px; font-size:15px;font-family: "Open Sans",sans-serif; font-weight:400; text-transform:none;border-bottom: 1px solid #eee;-webkit-transition: all 0.4s ease 0s;-moz-transition: height 0.4s all 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s; border-top:0;}
#header .main-nav li.dropdown ul.dropdown-menu li a:hover, #header .main-nav li.dropdown ul.dropdown-menu li.active a{ color:#fff;}
#header .main-nav li.dropdown ul.dropdown-menu li a i{ margin-top: -6px;position: absolute; right: 10px; top: 50%; color:#323946;}
#header .main-nav li.dropdown ul.dropdown-menu li a:hover i{ color:#fff;}
#header .main-nav li.dropdown ul.dropdown-menu li.dropdown-submenu{ position:relative;}
#header .main-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu{ left:100%; top:0; background:none; display:none;}
#header .main-nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu{ display:block; background: #000}
#header .main-nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu li{ margin-left:1px; background-color:#fff;}
#header .main-nav li.dropdown ul.dropdown-menu li.dropdown-submenu.go-left .dropdown-menu{ right:100%; left:auto;}
}
#header .logo{ float:left; background:#fff url(../images/logo.svg) no-repeat; width: 240px; margin:0px; margin-left: 0px; position: absolute; height: 100px;  padding: 0px; 
}


#header .search-btn{ float:right; width:220px; margin:30px 0px 0 20px;


}

#header.header-two .logo{ margin-left:0;}
#header.header-two .hed-center{ display: none}

.header-links{ float:right; margin-top: 30px;}
.header-links li{ float:left; margin-left:27px; list-style:none;}
.header-links li.header-number{ margin-left:0;}
.header-links li.header-number a, .header-links li.header-time a{ color:#2a2a2a; font-size:17px; display:block; line-height: 42px;}
.header-links li i{ float:left; width:44px; height:44px; border-radius:100%; border:1px solid #b7b7b7; margin-right:10px; text-align:center; color:#666666;font-size: 22px;line-height: 40px;}
.header-links li .btn-quote{ position:relative; top:-8px; background:#3a2c5f;}
.header-links li .btn-quote:hover{ background:#2a1e4a;}


@media (min-width: 992px){
    

.fixed-header #header{ position:absolute;}
.fixed-header.two  #header{ position:relative;}
.fixed-header.smallHeader #header .logo{ margin:4px 0 0 0px; background:url(../images/logo.svg) no-repeat; width: 150px; float: left  }
.fixed-header.smallHeader #header{ position:fixed; top:-187px; z-index:9;}
.fixed-header.smallHeader.active #header{ z-index:1000;background:rgba(255,255,255,0.90);}
.fixed-header.smallHeader #header .main-nav li a{ line-height:40px;}
.fixed-header.smallHeader #header .search-btn{ margin-top:9px;}
.fixed-header.smallHeader.active #header{ top:-182px;-webkit-transition: top 0.4s ease 0s;-moz-transition: top 0.4s ease 0s;-ms-transition: top 0.4s ease 0s;-o-transition: top 0.4s ease 0s;transition: top 0.4s ease 0s;}

}
    
    
    
    
    
.footer{ text-align: center; padding-bottom: 30px; margin-top: 40px;}    
.ftr-themenu ul li{ display: inline-block; color: #000; font-weight: 600; font-size: 14px;text-transform: uppercase; padding: 0px 10px; line-height: 26px;}  
    .ftr-themenu ul li:hover{ opacity: 0.6 }
    .footer h6{ font-size: 13px; font-weight: 400; margin: 10px 0px; margin-top: 15px;}
    .footer .ftr-menu{ margin: 15px 0px }
     .footer .ftr-menu ul li{display: inline-block; color: #818181;text-transform: capitalize;font-weight: 500;font-size: 14px;padding: 0px 10px;}
    .footer .ftr-menu ul li:hover{ color: #000 }
    .social-ftr{ padding: 10px 0px;}    
    .social-ftr ul li{display: inline-block; border: solid 1px #000; color: #000; width:30px; height: 30px; border-radius: 30px;  text-align: center; font-size: 18px; }    
    .social-ftr ul li i{ line-height: 28px; }

 .social-ftr ul .tel i{  font-size: 16px; }
    .social-ftr ul li:hover{ background: #000; color: #fff }




/*--------------------index start here--------------*/


#truth-newstop-3 .col-lg-4:hover{ opacity: 0.8}

.newstop-3-left{ float: left; width: 130px; }
.newstop-3-left img{ width: 100%; }
.newstop-3-right{ float: right;  width: calc(100% - 140px);  }
.newstop-3-right h3{ font-size: 13px; font-style: italic; color: #a8a8a8; margin-bottom: 10px; }
.newstop-3-right p{  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   max-height: 80px;      /* fallback */
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;}


#bannerandrecent{ margin-top: 20px;}
.carousel-caption{ right: 2%; left: 2%;}
.carousel-control.right{ background-image: none; }
.carousel-control.left{ background-image: none; }

.bnr-img-cntr{ position: relative}
.bnr-img-cntr h3{ position: absolute; width: 100%; bottom: 0px;background: rgb(0,0,0); margin-bottom: 0px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); padding: 30px; color: #fff;
font-family: "Noto Sans Malayalam"; font-weight: 600; line-height: 36px; font-size: 25px;}
.carousel-caption1{ margin-top: 15px; }
.carousel-caption1 h3{ font-size: 13px; font-style: italic; color: #a8a8a8; margin-bottom: 10px; }
.carousel-caption1 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height: 80px;      /* fallback */-webkit-line-clamp: 3; /* number of lines to show */-webkit-box-orient: vertical;}}
.carousel-indicators .active{ background: #cc2229!important}
.carousel-indicators li{ background: #000; border-radius: 0px; border: none;}
.carousel-indicators .active{ background-color:#cc2229 }
.carousel-indicators{ width: auto; right: 0px; left: auto; bottom: 10px;}

#bannerandrecent .col-lg-8{ border-right:  solid 1px #d9d9d9}
#bannerandrecent #myCarousel{ border-bottom:  solid 1px #d9d9d9; padding-bottom: 42px; }

#politicsandlatestarticle .col-lg-8{ border-right:  solid 1px #d9d9d9; padding-top: 40px; padding-bottom: 50px;}
#politicsandlatestarticle .col-lg-4{  padding-top: 40px;padding-bottom: 40px;}

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
.hedder{ position: relative; height: 40px;}
.hedder h1{ font-size: 20px; font-weight: 500; text-transform: uppercase; background: #fff; z-index: 9; position: absolute; padding-right:20px; }
.hedder .bdr{ background: #000; width: 100%; height: 20px; position: absolute; top: 2px;  }

.post{ border-bottom: solid 1px #d9d9d9; padding: 17px 0px;}
.post:hover{ opacity: 0.8 }
.post-left{ float: left;width: calc(100% - 130px);   }
.post-left h3{font-size: 13px; font-style: italic; color: #a8a8a8; margin-bottom: 10px;  }
.post-left h5{font-size: 16px; color: #000;  font-weight: 600;font-family: "Noto Sans Malayalam"; line-height: 23px; margin-bottom: 0px;  }
.post-left h4{font-size: 22px; color: #000;  font-weight: 600;font-family: "Noto Sans Malayalam"; line-height: 30px; margin-bottom: 0px;  }
.post-right{ float: right; width: 130px;  }
.post-right img{ width: 100%;}

.p-lft{ float: left; width: 30px;font-size: 24px; font-weight: 700; margin-top: -5px; color: #000}
.p-lft-2{ float: left;width: calc(100% - 40px);}


.politics-container .post{ border: none;}
.politics-container .post .post-left{ float: right;width: calc(100% - 175px);}
.politics-container .post .post-right{ float: left;  width: 165px;}

.fullscreen .post-left{ width: 100%}
.fullscreen .post-right{ width: 100%; margin-bottom: 15px;}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
#interview .post-left h4{ padding-bottom: 10px;}
#entertainment{ margin-top: 40px; }
#vedio-section{ margin-top: 40px;}




.inner-pages{}
#postdetails{}
.post-details p{ line-height: 26px; }
.post-details h3{width: 100%;  color: #000;font-family: "Noto Sans Malayalam"; font-weight: 600; line-height: 38px; font-size: 28px;}
.autor-section{ border-bottom: solid 1px #c9c9c9;padding: 10px 0px;padding-top: 15px; margin-bottom: 30px; }

.autor-left{ float: left;width: calc(100% - 190px); }
.autor-right{ float: right; width: 180px;  margin-top: 15px;}

.autor-right .share{ float: right }
.autor-right .share ul li{ font-size:26px; color: #000; display: inline-block; padding: 0px 5px;}
.autor-right .share ul .tel i{ font-size: 20px; }

.autor-right .share ul li:hover{ opacity: 0.6 }
.autor-profile{ width: 55px; height: 55px; float: left}
.autor-profile img{ width: 100% }

.autor-profile-detail{ float: right;width: calc(100% - 70px) }
.autor-profile-detail h2{ font-size: 16px;font-style: italic;color: #a8a8a8;    font-weight: 400; margin-bottom: 0px; margin-top: 5px; }
.autor-profile-detail h3{font-size: 14px;font-style: italic;color: #a8a8a8; margin-bottom: 10px; font-weight: 400;margin-bottom: 0px;  }

#postdetails .col-lg-8{ border-right:solid 1px #c9c9c9  }

.alsoread{ border-top:solid 1px #c9c9c9; margin: 30px 0px; }
.alsoread .post-left{ float: left;  width: 130px; }
.alsoread .post-right{ float: right; width: calc(100% - 140px)}
.alsoread .post-left .read{ width: 14px; float: left }
.alsoread .post-left .read-img{ width: 110px; float: left; margin-left: 5px; }

.tag{ margin-top: 20px; }
.tag-left{ float: left; font-weight: 500; font-size: 20px; width: 75px; }
.tag-right{ float: right;width: calc(100% - 75px) }
.tag-right ul li{  transition: 0.3s;display: inline-block; border: solid 1px #c9c9c9; height: 30px; color: #000; line-height: 30px; padding: 0px 15px; margin-bottom: 5px; font-size: 14px; font-weight: 600}

.tag-right ul li:hover{ background: #000; color: #fff; border: solid 1px #000;  }
.facebook-cmnd{ margin-top: 60px; }


/*----------------------------contact us--------------------*/
#contactus{ margin:60px 0px; margin-bottom: 120px; }
#contactus .col-lg-5{ border-right: solid 1px #e5e4e4; padding-right: 40px;  }
#contactus .col-lg-7{  padding-left: 40px;  }
#contactus h2{ margin-bottom: 30px; }
#contactus button{ margin-top: 20px; }