/*
Theme Name: Live TV
Theme URI: https://www.facebook.com/jphostbd
Author: The Jp Host BD Team
Author URI: https://www.facebook.com/jphostbd
Description: Jp Host BD Is A Premium WordPress Theme Market, We Have Online Newspaper Themes, Online TV Theme, Epaper Theme, Business Theme, Corporate Theme, personal Theme, Educational Theme, If You Need Any Premium WordPress Please Visit Our Website Or Call : 01971-718800.
Version: 1.0
License: GNU General paid License v2 or later
License URI: jphostbd.com
Text Domain: livetv
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the Popular-IT.
Use it to make something cool, have fun.
*/

/* Base CSS */
@font-face {
    font-family: 'SolaimanLipiNormal';
    src: url('fonts/solaiman-lipi.eot');
    src: url('fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('fonts/solaiman-lipi.woff') format('woff'),
         url('fonts/solaiman-lipi.ttf') format('truetype'),
         url('fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}
html,
body { 
	height: 100%;
	
 }
body {
	
	font-family: SolaimanLipiNormal;
	background-color:#F4F5F8;
}
a:hover { text-decoration: none }

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/**********************section start***************************/

.section_1{ 
    background: #F8FEFE;}

.section_3{
	background: #28858B;
}


/**********************border&background start***************************/

.border {
	border-bottom:2px dotted#101010;
	padding-bottom:5px;
	padding-top:5px;
}
.background {
	background-color:#F4F5F8;
	overflow:hidden;
}
.background_1 {
	background-color:#fff;
	overflow:hidden;
}

/**********************more_news start***************************/

.more_news {
	padding-top:15px;
	font-size:15px;
	float:right;
	padding-right:5px;
}
.more_news a {
	color:#15520F;
}
.more_news a:hover {
	color:#F7040A;
}

/**********************hadding start***************************/

/**********************logo & bannar start***************************/

.logo img{
	width:100%;
	height:auto;
	padding:15px;
}
.bannar img{
	width:100%;
	height:auto;
	padding:15px;
}

/**********************scrool start***************************/

.scrool_1{
	padding:5px;
	background:#7CC9E6;
	color:#000;
	font-size:16px;
	text-align:left;
	font-weight:bold;
}

.scrool_2{
	padding:5px;
	background:#28858B;

}
.scrool_2 a{
	font-size:16px;
	color:#fff;
}

/**********************tab start***************************/

.tab-header{
	margin-top:10px;
}
.tab-content{
	overflow: scroll;
	height: 310px;
    overflow-x: hidden;
	margin-bottom:10px;
}
.tab-content-single{
    overflow: scroll;
    height: 310px;
    overflow-x: hidden;
}

/**********************add start***************************/

.add{
	margin-top:10px;
	margin-bottom:5px;
}
.add img{
	width:100%;
	height:auto;
}

/**********************video css start***************************/

.small-video{
	float:left;
	width:31%;
	height:auto;
	margin-right:10px;
}

.archive-video{
	float:left;
	width:20%;
	height:auto;
	margin-right:10px;
}
/**********************images_title start***************************/

.images_title {
	overflow:hidden;
	padding:5px;
}
.images_title img{
	float:left;
	width:35%;
	height:auto;
	margin-right:10px;
}
.images_title_1 {
	overflow:hidden;
	padding:5px;
	border-bottom:2px dotted#A6A6A6;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.images_title_1 img{
	float:left;
	width:30%;
	height:auto;
	margin-right:10px;
}

/**********************lednews_images start***************************/

.big_news{
	padding:5px;
}
.big_news img{
	width:100%;
	height:auto;
	border:2px solid#E6E7E7;
	margin-bottom:5px;
}
.middle_news{
	padding:5px;
	margin-bottom:15px;
}
.middle_news img{
	width:100%;
	height:auto;
	margin-bottom:5px;
	border:2px solid#E6E7E7;
}
.sidebar_news{
	margin-bottom:10px;
}
.sidebar_news img{
	width:100%;
	height:auto;
	margin-bottom:5px;
}

/**=======================================
        footer section css start
 =======================================**/ 
.footer-logo img{
	width:100%;
	height:auto;
padding:10px;
}

.footer-menu ul{
    list-style: none;
    padding: 0;
    padding-left: 10px;
}
.footer-menu ul li {
    padding-bottom: 15px;
    font-size: 17px;
}

.footer-menu ul li a:hover{
    color: #fff;
}
.btm-footer-menu ul{
    list-style: none;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
text-align: right
}
.btm-footer-menu ul li {
    display: inline-block;
    padding-right: 20px;
    font-size: 16px;
}
.btm-footer-menu ul li a:hover{
    color: #fff;
}
.btm-social ul{
    list-style: none;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px;
text-align: right
}
.btm-social ul li {
    border : 1px solid#999898;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
}
.btm-social ul li:hover{
    border:none;
}
.btm-social ul li a:hover{
    transition: .5s;
    color: #282828;
    border-radius: 5px;
    padding: 5px 7px;
    background-color: #fff;
}



/**=======================================
      bottom  footer section css start
 =======================================**/ 


.root_02 a{
    color: #fff;
}


/**********************Old Theme***************************/
.home_page{
	z-index: 999999;
}
.home_logo img{
	float:left;
	width:12%;
	margin-bottom: -20%;
	margin-top: 2%;
	margin-left: 2%;
	z-index: 999999;
	position:absolute;
}
/**********************Shadow-card css***************************/
.card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
}

.card:hover {
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
}

.container {
    padding: 2px 5px;
}
/* tab-header open*/
.tab-content{
	overflow: scroll;
	height: 350px;
    overflow-x: hidden;
}
.tab-content-single{
    overflow: scroll;
    height: 350px;
    overflow-x: hidden;
}
.tab-header{background:#fff;margin-top:10px;border-left:1px solid#A6A6A6;}
.tab-header .nav-tabs{border:none;}
.tab-header .nav-tabs {color: #000;background:#D2D5DB;}
.tab-header .nav-tabs > li > a{ border: none;border-top: 2px solid #d2d2d2;color:#000;font-size: 1.15em;border-radius: 0;padding:5px 15px;text-decoration: none;margin-bottom:0;}
.tab-header .nav-tabs > li > a:hover { background:#d2d2d2;}
.tab-header .nav-tabs > li.active > a, .tab-header .nav-tabs > li.active > a:focus, .tab-header .nav-tabs > li.active > a:hover{border: none;border-radius: 0;background:#F0F0F0;color:#000;border-top: 2px solid #7719AA;}
.tab-header .tab-content{}
.tab-header .tab-content ul.media-list{max-height:282px;overflow-y:auto;padding-left: 30px;}
.tab-header .tab-content ul.media-list .media{border-bottom:1px dotted gray;margin:0;padding:10px 0;position: relative;overflow:visible;}
.tab-header .tab-content ul.media-list .media .media-left{padding-right: 0;}
.tab-header .tab-content ul.media-list .media .media-left a{padding-right: 0;position:relative;}
/* tab-header close*/


/**=======================================
      single page css start
 =======================================**/ 
.singlepage-section{
    margin-top: 15px;
    margin-bottom: 10px;
}
.single-title{
    margin-bottom: 10px;
    color: #022751;
    padding-left: 2px;
 }
 
 /**=======================================
      single page css start
 =======================================**/
 .single-cat-info{
    overflow:hidden;
    margin-bottom:15px;
    background : #EAE5E5;
    width : 100%;
}
.single-cat-home{
    background : #DC4E41;
    padding: 5px 15px;
    float: left;
}
.single-cat-home a{
    color: #fff;
    font-size: 15px;
	text-decoration:none;
}
.single-cat-cate{
    background : #666666;
    padding: 5px 15px;
    float: left;
	color: #fff!important;
    font-size: 15px!important;
}
.single-cat-cate a{
     color: #fff;
     font-size: 15px;
	 text-decoration:none;
}
.caption{
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: black;
    opacity: .4;
    color: white;
}
.more-catagory {
    display: inline-block;
}
.more-catagory ul {
    margin: 0;
    list-style: none;
    margin-left: -30px;
    padding-top: 4px;
    padding-bottom: 5px;
}
.more-catagory ul li{
    display: inline-block;   
    color: #000;
}
.more-catagory ul li a{
    color: #000;
    font-size: 16px;
	text-decoration:none;
}
.more-catagory ul li:after{
    content: "I";
    padding-left: 10px;
    padding-right: 7px;
    
 } 
.more-catagory ul li:last-child:after{
    display: none;
 }

 /**============= single page reporter image title css  start ===========**/

 
.view-section{
	margin-bottom:5px;
}
.reportar-img img{
	height:44px;
	width:50px;
}
 .col-md-1 {
    padding: 0!important;
    padding-left: 16px!important;
}
.reportar-title{
    font-size: 14px;
    border-bottom: 1px solid#ddd;
    padding-bottom: 4px;
}
.sgl-page-views-count {
    display: inline-block;
    padding: 3px 8px;
    width: 100%;
    margin-bottom: 10px;
}
.sgl-page-views-count ul {
    margin: 0;
    list-style: none;
    font-size: 13px;
    margin-left: -47px;
}

.sgl-page-views-count ul li{
    display: inline-block;   
    color: #000;
}
.sgl-page-views-count ul li:after{
    content: "/";
    padding-left: 10px;
    padding-right: 7px;
    
 } 
.sgl-page-views-count ul li:last-child:after{
    display: none;
 }

 
 
 /**============= single page reporter image title css  close ===========**/ 
 
 
 
 
.single-img{
    margin-bottom: 15px;
 } 
 .single-img img{
    width: 100%;
    height: auto;
 }
 .single-dtls{
    font-size: 17px;
    color: #202020;
    line-height: auto;
    text-align: justify;
    padding: 5px;
    margin-bottom: 10px;
 }

 .sgl-page-social-title h4{
    font-size: 20px;
    color: #000;
    margin-bottom: -10px;
    border-bottom: 1px solid#EDEDED;
    padding-bottom: 8px;
 }

 .sgl-page-social ul{
    list-style: none;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 15px;
}
.sgl-page-social ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    margin-top: 20px;
}

/**========= facebook start========**/ 

.facebook{
    background-color: #023369;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.facebook:hover{
    background-color: #fff;
    color: #023369!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#023369;
    transition: .5s;
}

/**========= twitter start========**/ 

.twitter{
    background-color: #00ACEE;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.twitter:hover{
    background-color: #fff;
    color: #00ACEE!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#00ACEE;
    transition: .5s;
}

/**========= linkedin start========**/ 

.linkedin{
    background-color: #3B5999;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.linkedin:hover{
    background-color: #fff;
    color: #3B5999!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#3B5999;
    transition: .5s;
}

/**========= google-plus start========**/ 

.google-plus{
    background-color: #DD4A3A;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.google-plus:hover{
    background-color: #fff;
    color: #DD4A3A!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#DD4A3A;
    transition: .5s;
}

/**========= reddit start========**/ 

.reddit{
    background-color: #3B5999;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.reddit:hover{
    background-color: #fff;
    color: #3B5999!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#3B5999;
    transition: .5s;
}

/**========= digg start========**/ 

.digg{
    background-color: #3B5999;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.digg:hover{
    background-color: #fff;
    color: #3B5999!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#3B5999;
    transition: .5s;
}

/**========= pinterest start========**/ 

.pinterest{
    background-color: #CB2028;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.pinterest:hover{
    background-color: #fff;
    color: #CB2028!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#CB2028;
    transition: .5s;
}

/**========= print start========**/ 

.print{
    background-color: #A897F3;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.print:hover{
    background-color: #fff;
    color: #A897F3!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#A897F3;
    transition: .5s;
}

.sgl-cat-tittle{
    background-color: #4962A4;
    color: #fff;
    font-size: 18px;
    padding: 7px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.Name-again {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.image-again  {
    margin-bottom: 7px;
}
.image-again img {
    border-top:2px solid#2487DB;
    width: 100%;
    height: auto;
}
.sgl-hadding {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.3); /* Black see-through */
  color: #00ACEE; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  padding: 10px;
  margin:0;
}
.sgl-hadding  a {
    text-decoration:none;
    color:#fff;
    font-size: 20px;
    font-weight:400;
}

.Name-again .sgl-hadding  {
  opacity: 2;
}
 iframe {
	width:100%; height:350px;
}

/* Archive Page ========================= */


.archive-section{
	padding:30px 0;
}
.archive_details{
    margin-bottom: 10px;
	overflow:hidden;
min-height: 305px

}
.archive_details img{
    width: 100% ;
	height:auto;
	
}
.archive-video{
    width: 100% ;
	height:auto;
	
}


.archive-title {
background:#F8F8F8;
padding:10px 5px;
}

.archive-title a{
	font-size:20px;
font-weight:400;
text-decoration:none;
color:#042361;
line-height:auto;


}
.last-post-news{
	overflow: scroll;
	height: 450px;
    overflow-x: hidden;
	padding-top:5px;
	margin-bottom:20px;

}
.archive_cetagor_title{
	background:#4862A3;
	padding:10px;
	text-align:center;
	color:#fff;
	
}

.archive_images_title{
	overflow:hidden;
	background:#FFFFFF;
	padding:10px;
	border:1px solid#eeecec; 


}
.archive_images_title img{
	float: left;
    width: 45%;
	height:auto;
	margin-right:10px;
	

	
}



/* =========================================================
Comments
 ========================================================= */
.comment-respond,
.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 45px 40px 45px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    border-left: 4px solid #444;
}
.entry-comments h3{
    font-size: 30px;
    margin-bottom: 30px;
}
.comment-respond h3,
.entry-pings h3{
	font-size: 20px;
	margin-bottom: 30px;
}
.comment-respond {
	padding-bottom: 5%;
	margin: 20px 1px 20px 1px;
        border-left: none !important;
}
.comment-header {
	color: #adaeb3;
	font-size: 14px;
	margin-bottom: 20px;
}
.comment-header cite a {
	border: none;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
}
.comment-header .comment-meta a {
	border: none;
	color: #adaeb3;
}
li.comment {
	background-color: #fff;
	border-right: none;
}
.comment-content {
	clear: both;
	overflow: hidden;
}
.comment-list li {
	font-size: 14px;
	padding: 20px 30px 20px 50px;
}
.comment-list .children {
	margin-top: 40px;
	border: 1px solid #ccc;
}
.comment-list li li {
	background-color: #f5f5f6;
}
.comment-list li li li {
	background-color: #fff;
}
.comment-respond textarea,
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 100%;
	background : #F1EDEE;
}
.comment-respond input{
    background: #E8E4E5;
}
.comment-respond label {
	display: block;
	margin-right: 12px;
}
.entry-comments .comment-author {
	margin-bottom: 0;
	position: relative;
}
.entry-comments .comment-author img {
	border-radius: 50%;
	border: 5px solid #fff;
	left: -80px;
	top: -5px;
	position: absolute;
	width: 60px;
}
.entry-pings .reply {
	display: none;
}
.bypostauthor {
}
.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 16px;
	padding: 24px;
}
.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}
.comment-reply-link:hover{
    color: #fff;
}
.comment-notes{
    display:none;   
}

/* =========================================================
Simple Share
 ========================================================= */
.simple-share {
    margin:10px 5px;
    line-height: 1;
    color:#fff;
    padding:6px 10px;
    text-decoration:none;
    font-size:25px;
    border-radius:50%;
}
.simple-share:hover {
    opacity:0.4;
}
.simple-share:hover{
    color:#fff;
    text-decoration:none;
}
.simple-share.ss-facebook {
    background-color: #3B5998;
}
.simple-share.ss-twitter {
    background-color:#00aced;
}
.simple-share.ss-gplus {
    background-color:#dd4b39;
}
.simple-share.ss-pinterest {
    background-color:#cb2027;
}

/*Extra CSS*/

a.ytp-title-link.yt-uix-sessionlink {

    display: none  !important;
}

video.video-stream.html5-main-video {
  display: none !important; 
}

video.video-stream.html5-main-video {
    display: none;
}

a.ytp-title-channel-logo {
    display: none !important;
}

.ytp-inline-subscribe-button-text {
    display: none !important;
}

.ytp-share-icon {
    display: none !important;
}

.ytp-watch-later-icon {
    display: none !important;
}

.ytp-sb-text {
    display: none !important;
}

button.ytp-button.ytp-expand {
    display: none !important;
}

.ytp-sb-count {
    display: none !important;
}

.ytp-inline-subscribe-button-icon {
    display: none !important;
}

img.branding-img.iv-click-target {
    display: none !important;
}

.ytp-menuitem-label {
    display: none !important;
}

.ytp-menuitem-content {
    display: none !important;
}

.ytp-panel-menu {
    display: none !important;
}

a.ytp-watermark.yt-uix-sessionlink {
    display: none !important;
}