/*
Theme Name: jplivetv 
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 Public License v2 or later
License URI:  jphostbd.com
Text Domain: jplivetv
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 GPL.
Use

/* 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 {
    font-size: 16px;
	width:100%;
	font-family: SolaimanLipiNormal;
}
a:hover { text-decoration: none }



/**=================================
   single page header  css  start   
==================================**/

.top-hdr-border {
    border-bottom: 1px solid#E4E4E4;
    padding-bottom: 5px;
    background-color: #FEFAFA;
}
.top-hdr-sec {
    margin-top: 5px;
}

.date{
    padding-top: 5px;
}
.leadnews_image{
    position: relative;
    overflow: hidden ;
}
.leadnews_image img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.6s ease;
    width:100%;
    height:auto;
}
.leadnews_image img:hover{
    position: relative;
    z-index: 20;
    -webkit-transform: scale(1.1111);
    transform: scale(1.1111);
}
form.example {
    margin-top:0px;
}
form.example input[type=text] {
    padding: 5px;
    font-size: 15px;
    border: 1px solid #ddd;
    float: left;
    width: 70%;
    background: #fff;
}
form.example button {
    float: left;
    width: 30%;
    padding: 5px;
    background: #1879D0;
    color: #fff;
    font-size: 15px;
    border: 1px solid #1879D0;
    border-left: none;
    cursor: pointer;
}

form.example button:hover {
    background: #23527C;
}

.top-hdr-social ul {
    list-style: none;
    float: right;
    margin-bottom: 0;
	padding-top: 5px;
}
.top-hdr-social ul li{
    display: inline-block; 
    color: #4D0202; 
}
.top-hdr-social ul li a{
    font-size: 21px;
}
.top-hdr-social ul li:after{
    content: "।";
    padding-left: 20px;
    padding-right: 20px;
 } 
.top-hdr-social ul li:last-child:after{
    display: none;
 }

 .logo img{
    width:100%;
    height:auto;
    padding: 10px;
}
.bannar img {
    width: 100%;
    height: auto;
    padding: 15px 10px 10px 10px;
}

/**=================================
         header  css  start   
==================================**/

.scrool_section{
    padding: 2px 0;
}



.top_scrool_2{
    padding: 10px 5px;
    font-size: 16px;
    background: #FCF9F9;
    margin-left: -30px;
    height: 47px;
	color: #B30F0F;
}

.top_scrool_2 a{
    color: #000;
    margin-top: 50px;
    font-size: 18px;
}

.bottom_scrool{
    margin-top: 5px;
    margin-bottom: 5px;
	overflow:hidden;
}




.bottom_scrool_2 {
    padding: 10px 5px;
    font-size: 16px;
    background: #FCF9F9;
    margin-left: -30px;
    margin-right: -40px;
    height: 47px;
	color: #B30F0F;
}

.bottom_scrool_2 a{
    color: #000;
    margin-top: 50px;
    font-size: 18px;
}







/**==================================
        All Section CSS start
 ==================================**/ 
.box-shadow {
    box-shadow: 0 0 10px #efefef;
    margin-bottom: 10px;
    background: #fff;
}

.border{
    border-top:1px dashed#C8C8C8;
    padding-bottom:8px;
    padding-top:5px;
}

.section_one{
    padding: 15px 0 15px 0;
}
.section_two{
    padding: 15px 0 15px 0;
}
.section_three{
    padding: 15px 0 15px 0;
}
.section_four{
    padding: 15px 0 15px 0;
}
.section_five{
    padding: 15px 0 15px 0;
}
.section_six{
    padding: 15px 0 15px 0;
}
.section_seven{
    padding: 15px 0 15px 0;
}
.section_eight{
    padding: 15px 0 15px 0;
}
.section_nine{
    padding: 15px 0 15px 0;
}
.section_ten{
    padding: 15px 0 15px 0;
}




 /**==================================
     heading Css start
 ==================================**/ 

.hadding{  
    padding-top:5px;
    padding-bottom:5px;
    margin: 0;
}

.hadding a i{
    color:#d80404;
}

.hadding a:hover{
    color:#020257;
}

/**==================================
        all image css start
 ==================================**/ 

.add img{
    margin-top: 5px;
    margin-bottom: 5px;
}


.exclisive_news{
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #ddd;
}

.exclisive_news_image{
    position: relative;
    overflow: hidden ;
}
.exclisive_news_image img{
    -webkit-transition: all 0.5s ease;
    transition: all 0.6s ease;
    width:100%;
    height:auto;
}
.exclisive_news_image img:hover{
    position: relative;
    z-index: 20;
    -webkit-transform: scale(1.1111);
    transform: scale(1.1111);
}

.little_img{
    overflow:hidden;
}
.little_img img{
    float:left;
    width:35%;
    margin-right:8px;
    border:1px solid#ddd;
    padding: 2px;
}
.small-video {
	float: left;
	width: 35%;
	height: auto;
	margin-right: 10px;
	border:1px solid#ddd;
    padding: 2px;
}

/**=================================
           content css  start   
==================================**/

.content-padding{
    padding: 5px 7px 8px 7px;
}


/**=================================
           tab  start   
==================================**/
.news-titletab{
    overflow: scroll;
    max-height: 240px;
    overflow-x: hidden;
    background-color: #fff;
}

.tab-header{background:#fff;margin-bottom: 10px;}
.tab-header .nav-tabs{border:none;}
.tab-header .nav-tabs {color: #000;background:#D2D5DB;}
.tab-header .nav-tabs > li > a{ border: none;border-top: 3px solid #d2d2d2;color:#000;font-size: 1.15em;border-radius: 0;padding:5px 15px;text-decoration: none;margin-bottom:0;font-size:15px;}
.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: 3px 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;}


/**=======================================
        carasoul css start 
 =======================================**/ 


.slider_news .owl-nav button {
    position: absolute ;
    top: 45%;
    font-size: 35px;
    line-height: 44px;
    transform: translateY(-50%);
    text-align: center;
    transition: .4s;
    color: #01284F;
    background-color: #fff;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    margin-right: -15px;
    margin-left: -15px;
    border: 1px solid #01284F !important;
    opacity: .1;
}

.slider_news .owl-nav button.owl-next{
    left: auto;
    right: 0;
}

.slider_news:hover .owl-nav button{
    opacity: .9;
}


/**=======================================
        footer section css start
 =======================================**/ 



.footer-menu ul{
    list-style: none;
    padding: 0;
    padding-left: 10px;
}
.footer-menu ul li {
    padding-bottom: 15px;
    font-size: 17px;
}



.btm-social {
    text-align: center;
}

.btm-social ul{
    list-style: none;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px;
}
.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: 7px 15px;
    background-color: #fff;
}



.btm-social ul li:nth-child(1) a:hover .fa{
    color: #3b5998;
}
.btm-social ul li:nth-child(2) a:hover .fa{
    color: #cd201f;
}
.btm-social ul li:nth-child(3) a:hover .fa{
    color: #007bb6;
}

.btm-social ul li:nth-child(4) a:hover .fa{
    color: #dd4b39;
}

.btm-social ul li:nth-child(5) a:hover .fa{
    color: #bb0000;
}


.footer-logo img {
	width: 100%;
	height: auto;
	margin-bottom: 17px;
}

/**=======================================
      bottom  footer section css start
 =======================================**/ 

.root{
    padding: 10px 10px;
    background-color: #000;
}
.root_01{
    font-size: 16px;
    color: #B8B8B8;
}
.root_02 {
    font-size: 16px;
    color: #B8B8B8;
    text-align: right;
}

.root_02 a {
	color: #f00;
	font-weight: bold;
}

/**=======================================
      go to top css start
 =======================================**/ 


.scrollToTop i.fa{
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    top:5px;
    display: block;
    position: absolute;
    right: 13px;
}
.scrollToTop:hover{
    text-decoration:none;

}


/**==================================
        Date & Archive Page CSS Start
 ==================================**/
.archive-section{
	margin-bottom:30px;
	margin-top:10px;
	padding-top:10px;
}
.archive-page-post .col-md-7.col-sm-7 {
	padding: 0;
}
.archive-page-post {
	background: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #EAEAEA;
	box-shadow: 0 0 10px #F9F9F9;
	min-height: 100px;
	overflow: hidden;
}
.archive-img{
    border:1px solid #ddd;
    padding:2px;
}
.archive-title {
    font-size: 20px;
}
.search-title {
    font-size: 26px;
}

/*============================================
		home logo css start
============================================*/
.home_left{
	z-index: 999999;
}
.home_left img{
	float:left;
	width:10%;
	margin-bottom: -20%;
	margin-top: 2%;
	margin-left: 2%;
	z-index: 999999;
	position:absolute;
}
.home_right{
	z-index: 999999;
}
.home_right img {
	float: right;
	width: 10%;
	margin-top: 2%;
	margin-right: 8%;
	z-index: 999999;
	position: absolute;
}
/*============================================
		Family single_page css start
============================================*/
.psingle_page{
	margin-bottom:20px !important;
	margin-top:30px!important;
	overflow:hidden;
}
.psingle_page img{
	width:100%;
	height:auto;
}
.ppage_hadding{
	font-size:22px;
	line-height:auto;
	color:#020F74;
	border-bottom:1px solid#B9B9B9;
	border-top:1px solid#B9B9B9;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}


/* =========================================================
Our Family
 ========================================================= */

.family{
	text-align:center;
	padding:10px;
	font-size:20px;
	font-weight:400;
	line-height:auto;
	background-color:#EBF2EE;
	border:1px solid #A4A6A9;
}
.family a{
	color:black;
	text-decoration:none;
}
.family a:hover{
	color:#E31418;
}.profile_news img{
	width:100%;	
	float:bottom;	
	border:1px solid #A4A6A9;
	padding: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 css start
 =======================================**/ 
.singlepage-section{
    margin-top: 15px;
    margin-bottom: 20px;
}
.single-title{
    margin-bottom: 10px;
    color: #022751;
    padding-left: 2px;
 }
 
 

 /**============= 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========**/ 

.ffacebook{
    background-color: #023369;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.ffacebook:hover{
    background-color: #fff;
    color: #023369!important;
    padding: 7px 12px;
    border-radius: 5px;
    border:1px solid#023369;
    transition: .5s;
}

/**========= twitter start========**/ 

.ttwitter{
    background-color: #00ACEE;
    color: #fff!important;
    padding: 7px 12px;
    border-radius: 5px;
}
.ttwitter: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;
}

/* =========================================================
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;   
}