/* Global Styles */


@font-face{font-family:Noto Serif Bengali;
    src:url("Fonts/Noto_Serif_Bengali-Regular.ttf") format("opentype")}

/*--------------------------------------------------------------
#                               common css
--------------------------------------------------------------*/

body {background-color: #ffff;font-family: 'Noto Serif Bengali', cursive; margin: 0 auto;box-sizing: border-box;overflow-x: hidden; scroll-behavior: smooth;
}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
ul{padding:0!important;margin:0!important;}
a:hover,a:focus{text-decoration:none !important;}
a:focus{outline:none !important;}
a:link,a:visited {text-decoration: none;cursor: pointer;color: unset;}
.container {
    max-width: 1280px;
}

#st-1 .st-btn,#st-2 .st-btn{padding: 0 8px !important;}
.border-bottom-brand{border-bottom: 1px solid #d0301f87!important}


.text-dark {
    color: #000!important;
}
.text-brand{color:#d0301f}

.brand_color{background: #d0301f;}
.sticky {position: fixed;z-index: 999;width: 100%;top:0}
.box-shadow{box-shadow: 0px 0px 5px #ccc;}
.font-10{font-size: 10px !important}
.font-12{font-size: 12px !important}

.home_cat_more{font-size: 17px;}

.main-lead .main-lead-title p{font-size: 17px!important;color: #444;}
.lead_headline_fs{font-size: 28px;line-height: 38px;font-weight: bold;}
.body_grid_col3_sm img{height:130px;width: auto }
.body_grid_col3_sm .headline{font-size: 16px}

.media_img_md {width: 136px;text-align: center;background: #eee;}
.media_img_md img.news_img {height: 75px;width: auto;}
.media_img_sm {width: 120px;text-align: center;background: #eee;}
.media_img_sm img.news_img {height: 74px;width: auto;}

.vidicon_right_lead{position: absolute;right: 0;height: 50px !important;margin: 10px;}
.vidicon_right_medium{position: absolute;right: 0;height: 45px !important;margin: 5px;top:0}
.vidicon_right_media{position: absolute;right: 0;height: 35px;margin: 5px;}
.vidicon_right_sm{position: absolute;right: 0;height: 30px;margin: 5px;}

.back_effect{display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
    margin-top: -80px;
    height: 80px;
    width: 100%;
    content: '';}
    .overlayHeadline{position: absolute;
        bottom: 0;
        z-index: 9;}
/*--------------------------------------------------------------
#                               Header
--------------------------------------------------------------*/
.cat_title a{font-size: 18px;text-transform: uppercase;padding: 2px 0;color: #000;font-weight: bold;display: block;text-align: center;background: #fff;border-top: 2px solid #d0301f;border-bottom: 2px solid #d0301f;}
.Section_social_network{display: inline-block;line-height: 24px;}
.Section_social_network ul li a{margin: 0 3px;_color: #fff}

.Section_social_network ul li a.fb-link{margin: 0 5px;color: #3B5998;_padding: 5px 9px; _border-radius: 50%;font-size: 20px;}
.Section_social_network ul li a.twitter-link{margin: 0 5px;color:#55ACEE;font-size: 22px;
line-height: 23px;}
.Section_social_network ul li a.linkedin-link{margin: 0 5px;background: #185ab1 !important;padding: 3px 5px;color: #fff;}
.Section_social_network ul li a.youtube-link{margin: 0 5px;color: red;font-size: 22px;line-height: 23px;}
.Section_social_network ul li a.feed-link{background: #ea7819  !important;}
.Section_social_network ul li a.instagram-link{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);-webkit-background-clip: _text;}

.mega_social_net ul li a.fb-link{margin: 0 5px;color: #fff;padding: 5px 9px;background: #3B5998 !important;background: #3B5998 !important;_border-radius: 50%;}
.mega_social_net ul li a.twitter-link{margin: 0 5px;color:#55ACEE;font-size: 22px;
line-height: 23px;}
.mega_social_net ul li a.linkedin-link{margin: 0 5px;background: #185ab1 !important;padding: 3px 5px;color: #fff;}
.mega_social_net ul li a.youtube-link{margin: 0 5px;color: red;font-size: 22px;line-height: 23px;}
.mega_social_net ul li a.feed-link{background: #ea7819  !important;}
.mega_social_net ul li a.instagram-link{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);-webkit-background-clip: _text;}

#header{background: #fff;}
.header{text-transform: uppercase;font-size: 12px;color: #939393;}

.notiication_news_box{position: absolute;display: none;background: #fff;border-radius: 10px;box-shadow: 0px 0px 5px #ccc;padding: 10px;width: 300px;right: 0;z-index: 9999;}
.notiication_news_box::before{}
#notification_news .media-body  h2{line-height: 25px;font-size: 17px;color: #495057;}
#notification_news .notification_more a{border: 1px solid #d0301f;border-radius: 3px;}

/* ===========Search========== */
#all_menu{color: #fff;font-size:20px;margin: 0 10px;}
#src_icon{font-size:22px;line-height: 30px;color: #fff;margin: 0 5px;}
.search_box{display:none;_position: absolute;_margin: 0 10px;}
  .srch_keyword{height: 46px !important;
  font-size: 15px !important;}
  _.srch_form span.search{background: #d0301f; color: #fff; padding: 4px 10px; line-height: 5px; font-size: 20px; position: absolute;right: 0;margin: 6px 4px 5px 2px;text-align: center;border-radius: 3px;z-index: 999;}
  .srch_form span{padding: 4px 16px;
    font-size: 18px;}

/*--------------------------------------------------------------
#                               navbar
--------------------------------------------------------------*/
#Navbar{_background: #245a9b;_border-top: 2px solid #d0301f;_border-bottom: 2px solid #d0301f; }
.Navbar_bg{background: #245a9b;}
#Navbar .nav-item a{color: #fff;padding:3px 14px;text-align: center; text-transform: uppercase; font-size:17px; text-align: center;font-weight: bold;}
#Navbar .header_li a:hover{background: #d0301f; color:#ffff ;}
.dropdown-menu{font-size: 12px;text-align: left;}
.navbar-nav li:hover > .dropdown-menu {display: block;}
 
/*--------------------------------------------------------------
#                               Headline
--------------------------------------------------------------*/
#headline{background: #ffffff;border: 1px solid #d0301f;margin-bottom: 10px;}
.headlines{ width: 100%;font-size: 14px;position: fixed;overflow: hidden;z-index: 99;position: relative;height: 30px;
}
.headline_left{font-size: 16px;font-weight:bold; uppercase;color: white;display: inline-block;background: #d0301f;position: absolute;z-index: 99;height: 50px;text-align: left;padding-right: 30px;  _clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);_width: 200px;}
.headline_left p{margin-left: 25px;margin-top: 3px;}
.headlines ul{width: 100%;margin: 0px;list-style-type: none;}
.headlines ul li {list-style: none;padding: 2px;margin: 0 0 0 5px;font-size: 16px;}
.headlines marquee {float: left;width: 100%;height: 30px;padding:0px;}
.headlines ul li a{text-decoration: none;color: #000;margin-right: 0px;}
.headlines ul li img{margin-top: -3px;}

#top_news_left h4,#top_news_right h4{font-size: 18px;margin: 5px 0;font-weight: bold;}

.hometop_sublead h6{font-size: 20px;font-weight: bold;color: #3c3c3c;}
.hometop_sub_lead .feature_img{height: 148px;width:auto;}
.hometop_sub_lead h6{font-size: 20px;
    font-weight: bold;
    color: #3c3c3c;}
/*--------------------------------------------------------------
#                               bodymenu_leadone
--------------------------------------------------------------*/ 
#top_right_menu h4{margin:10px 0}

#bodymenu_leadone .lead_news img.news_img{height: 180px; width: auto;}
#bodymenu_leadone .lead_headline{}
#bodymenu_leadone .lead_headline h4,#bodymenu_nolead .headline,#top_right_menu h4{font-size: 20px;font-weight: bold;color: #3c3c3c;}
#bodymenu_leadone .sub_lead_headline{font-size: 19px;line-height: 26px;} 

/*--------------------------------------------------------------
#                               bodymenu_single
--------------------------------------------------------------*/ 
#bodymenu_single .img img{height: 250px;width: 100%}
#leadwitheffect .overlaytitle{line-height: 28px;font-size: 22px}

/*--------------------------------------------------------------
#                               bodymenu_withScroll
--------------------------------------------------------------*/ 
#bodymenu_withScroll .lead_headline{height: 165px;}
#bodymenu_withScroll .lead_headline h4{font-size: 26px;line-height: 26px;} 
#bodymenu_withScroll .sub_lead_headline{font-size: 19px;line-height: 26px;} 

/*--------------------------------------------------------------
#                              bodymenu_leadtwo
--------------------------------------------------------------*/ 
#bodymenu_leadtwo .overlaytitle{line-height: 28px;font-size: 22px}
/*--------------------------------------------------------------
#                              bodymenu_nolead
--------------------------------------------------------------*/ 
#bodymenu_nolead .headline{font-size: 19px;line-height: 26px;}

/*--------------------------------------------------------------
#                              leadwitheffect
--------------------------------------------------------------*/ 
#leadwitheffect .overlaytitle{line-height: 28px;font-size: 22px}
#leadwitheffect .sub-lead .overlaytitle{line-height: 28px;font-size: 22px}

/*--------------------------------------------------------------
#                               bodymenu_right
--------------------------------------------------------------*/ 
#bodymenu_right h4{font-size: 17px}
#bodymenu_right .media-body h5{font-size: 15px}


/*--------------------------------------------------------------
#                               top-figure
--------------------------------------------------------------*/


/*--------------------------------------------------------------
#                               mid-figure
--------------------------------------------------------------*/
.media_hl{font-size: 17px;
    font-weight: bold;
    color: #3c3c3c;}
..cmn_hl_fs{font-size: 20px}
.cmnsub_hl_fs{font-size: 18px}
.overlaytitle {bottom: 0;position: absolute;width: 100%}
.overlaytitle h4{color: #fff;    padding: 5px;}
.cmn_effect {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1.5) 100%);}


.media_hl h5{font-size: 17px;}
.sub_lead_headline{font-size: 16px;font-weight: bold;}
.news-card{height: 305px; -webkit-box-shadow: -4px 5px 14px 1px rgba(46, 50, 50, 0.38);-moz-box-shadow:    -4px 5px 14px 1px rgba(46, 50, 50, 0.38);box-shadow:         -4px 5px 14px 1px rgba(46, 50, 50, 0.38);}
#mid-figure .lead-news p{font-size: 12px;}
.media-body  p{font-size: 13px; margin-left: 8px;}
#view-1{height: 305px;overflow-x:hidden; overflow-y: auto;}
.news-line{margin-bottom: 10px;}
.news-line .media img{width: 100px;}


/*--------------------------------------------------------------
#                               category_page
--------------------------------------------------------------*/
#parent_cat_mostview .parent_cat_mostview_title{background: #d0301f;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 18px;}

#latest_contents_block .content_list h2{font-size: 26px;font-weight: bold;}
#latest_contents_block_lead .content_title h2{font-size: 26px;font-weight: bold;}
#latest_contents_block_sub .content_title h2{font-size: 18px;font-weight: bold;}
#latest_contents_block .content_title h2 {font-size: 19px;color: #000;line-height: 21px;}
.more_dtl_news .hl a{font-size: 19px;line-height: 26px;font-weight: 400; }



/*--------------------------------------------------------------
#                              footer
--------------------------------------------------------------*/
#footer{ }
.footer_left h6{font-size: 15px;margin-top: 20px; font-weight: bold;}
.footer_left p{font-size: 10px;}
.footer_menu .nav-item{font-weight: bold;font-size: 13px;line-height: 1;}
.footer_social_network{display: inline-block;}
.footer_social_network ul li a{margin: 0 10px;color: #fff;font-size: 30px;}
.footer-right p{font-size: 14px;}
.footer_right{color: orange;}
.brand_slogan{font-size:15px}

/*----------------------------------------------------------------------
| DETAIL_PAGE
------------------------------------------------------------------------*/
#dtlpage_more_news .more_dtl_news .news_headline{font-size: 18px;font-weight: bold;}
.dtl_more_news_title {color: #000;display: block;margin: 10px 0;border-bottom: 3px solid #d0301f;font-size: 20px;font-weight: bold;}

#site_map_dtl{border-bottom: 2px solid #d0301f;}

#parent_cat_mostview a.related_a{font-size: 17px;color: #000;line-height: 21px;margin: 8px 0; display: block;font-weight: bold;}

/*----------------------------------------------------------------------
| photo_gallery
------------------------------------------------------------------------*/
    #photo_home_page_content .gallery_lead img.thumb_img{height: 355px;width:auto}
    .pht_lead img{height: 375px;}
    .pht_sub img{height: 180px;}
    .pht_lead i.cam_icon{position: absolute;left: 50%;top: 50%; color: #fff;font-size: 45px;}
    .pht_sub i.cam_icon{position: absolute;left: 50%;top: 50%; color: #fff;font-size: 45px;}
    .pht_catlead_hdln h5{font-size: 20px;}
    .pht_cat_hdln h5{font-size: 18px;line-height: 20px;}
    .more_photo .thumb_img{height: 160px;width: 100%;}
    .home_gal_thumb img{height: 180px;}
    .home_pht_title{font-size:20px;font-weight: bold;}

    #photo_dtl_content .rpt_name{font-size: 18px;}
    #photo_dtl_content .dtlalb_head{border-bottom: 2px solid #d0301f;}
    #photo_dtl_content .common_title{border-bottom: 2px solid #d0301f;text-align: center;font-size: 20px;}
    #more_album_block .photo_gal_caption{font-size: 20px; border-bottom: 5px solid #d0301f;margin-bottom: 15px;display: block;padding: 5px 0;}
    #more_album_block .photo_album_list h5{font-size: 18px;        padding: 5px 0;}
/*----------------------------------------------------------------------
| Video_gallery
------------------------------------------------------------------------*/
    #video_dtl_content .vid_dtl_head{border-bottom: 2px solid #d0301f;}
    #video_dtl_content .vid_dtl_head .video_title{font-size: 25px;font-weight: bold;}
    #video_home_page_content .lead_video h3{font-size: 26px;font-weight: bold;}
    #video_home_page_content .sub_video h2{font-size: 18px;font-weight: bold;}
    #video_home_page_content .sub_more_video h5{font-size: 18px;font-weight: bold;}
    .home_video_thumb{height: 160px;}
    .home_vid_title{font-size: 18px;font-weight: bold;}

    #more_video .video_gal_caption h4{font-size: 20px;font-weight: bold;border-bottom: 3px solid #d0301f;}
    #more_video .video_list .media-body h5{font-size: 18px;}

/*----------------------------------------------------------------------
| PEGINATION
------------------------------------------------------------------------*/
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li { display: inline}
.pagination>li>a,.pagination>li>span {position: relative;float: left;
    padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #428bca;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination>li:first-child>a,.pagination>li:first-child>span { margin-left: 0;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.pagination>li:last-child>a,
.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {color: #2a6496;background-color: #eee;border-color: #ddd}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus { z-index: 2;color: #fff;cursor: default;background-color: #428bca;border-color: #428bca}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}

.pagination-lg>li>a,
.pagination-lg>li>span {padding: 10px 16px;font-size: 18p}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {border-top-left-radius: 6px;border-bottom-left-radius: 6px}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {border-top-right-radius: 6px;border-bottom-right-radius}

.pagination-sm>li>a,
.pagination-sm>li>span {padding: 5px 10px;font-size: 12px}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

.tag_item{ text-decoration:none;}
.post_date{ font-size:12px; font-weight:bold;margin-top: 2px;
    color: #6c757d;}

/*---------------------------------------------------------------------- | 



OPINION POLL CONTENT STYLES 



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

#poll_result{

    position:relative;

    margin-top:15px;

    background:#fff 

}

#poll_result > .poll_res_bar > #poll_ques > h4{

    line-height:24px;

    margin:0;

    padding-bottom:15px;

    border-bottom:1px solid #ccc 

}

#poll_result > .poll_res_bar > #poll_ques > h4 > span{

    display:inline-block;

    font-size: 20px;

    line-height: 24px;

    color: #DC4E41;

    text-shadow: 1px 0 #333;

    padding-right: 15px 

}

#poll_result > .poll_res_bar #poll_res_graph ul{

    margin-top: 15px;

    list-style: none 

}

#poll_result > .poll_res_bar #poll_res_graph ul > li{

    position: relative;

    width: 100%;

    height: 29px;

    background: #eee;

    margin-bottom: 20px;

    cursor: pointer;

    border:1px solid #ccc;

    box-shadow: 5px 5px 15px #ccc;

}

#poll_result > .poll_res_bar #poll_res_graph ul > li.vote_on:hover{

    box-shadow: 0 0 5px #ccc 

}

#poll_result > .poll_res_bar #poll_res_graph ul > li div.vote_progressbar{

    position: absolute;

    height: 27px;

    z-index: 1 

}

#poll_result > .poll_res_bar #poll_res_graph ul > li div.submit_msg{

    position: absolute;

    display: none;

    right: 10px;

    top: 5px;

    color: #666;

    font-size: 14px;

    text-shadow: 1px 0 #fff;

}

#poll_result > .poll_res_bar #poll_res_graph ul > li.vote_on:hover div.submit_msg{

    display: inline-block;

}

#poll_result > .poll_res_bar #poll_res_graph ul > li div.vote_options{

    position: absolute;

    font-size: 14px;

    width: 90%;

    left: 15px;

    top: 4px;

    z-index: 2 

}

#poll_result > .poll_res_bar > #poll_count{

    margin-top:10px 

}

#poll_result > .poll_res_bar > #poll_count > span{

    font-size:16px;

    color:#999 

}

#poll_result > .poll_res_bar > #poll_count > span:first-child{

}

#poll_result > .poll_res_bar > #poll_count > span > span{

    font-size:22px 

}

#poll_result > .poll_res_bar > .err_msg{

    margin-bottom:10px;

    font-size:16px;

    background: blanchedalmond;

    color: #CD0000;

    padding: 7px 10px;

}

#poll_result > .poll_res_bar > .err_msg > i{

    background: #CD0000;

    color: #fff;

    width: 20px;

    height: 20px;

    font-size:14px;

    text-align: center;

    padding-top: 3px;

    margin-right: 5px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

}

#pre_poll_result{

    position: relative;

    background: #fff;

    padding: 10px;

    margin-top: 10px;

}

#pre_poll_result > #pre_poll_result_caption{

    background: #008700;

    color: #fff;

    padding: 5px 25px;

    font-size: 16px;

    margin: -10px;

    margin-bottom: 0;

}

#pre_poll_result > #pre_poll_result_caption > h4{

    margin:0 

}

#pre_poll_result > #pre_poll_result_block{

    background: #fff;

    padding: 1px 0;

    margin: 0 -10px;

    margin-bottom: 0;

}

#pre_poll_result > #pre_poll_result_block > .poll_list{

    background:#f5f5f5;

    padding:10px;

    padding-left:30px;

    margin:10px 

}

#pre_poll_result > #pre_poll_result_block > .poll_list > .poll_date{

    color:#28a5df;

    font-size:14px 

}

#pre_poll_result > #pre_poll_result_block > .poll_list > .poll_ques{

    font-size:16px;

    color:#444;

    margin-top:5px 

}

#pre_poll_result > #pre_poll_result_block > .poll_list .total_voter{

    padding:5px 10px;

    text-align:right;

    border:1px solid #ccc;

    border-left:none 

}

#pre_poll_result > #pre_poll_result_block > .poll_list .dtl_btn{

    display: inline-block;

    background: #e6e7e9;

    color: #34754d;

    border: 1px solid #34754d;

    border-top: none;

    box-shadow: 0 2px 3px #34754d;

    -moz-box-shadow: 0 2px 3px #34754d;

    -webkit-box-shadow: 0 2px 3px #34754d;

    padding: 3px 10px 1px 10px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 10px;

}


/*----------------------------------------------------------------------
                | Ajker-potrika/Print-edition
------------------------------------------------------------------------*/
/*-----------------------*/
/*----------------------------------------------------------------------
BREADCAMBSS
------------------------------------------------------------------------*/
.breadcrumb {
    background: no-repeat;
    padding: 10px 0;
    margin: 0;font-weight: bold;
}
.breadcrumb .fa-angle-right {
    padding: 0 5px;
}

.version_btn a{ text-align:left;}
.post_template-1{ float: left; margin: 0px 15px 15px 0;}
.post_template-2{ float: right; margin: 0px 0px 15px 15px;}
.dtl_section p img{ margin: 15px !important;}