/* Global Styles */





@font-face {

    font-family: "ProductSans-Bold";

    src: url("Fonts/ProductSans-Bold") format("opentype");

}

@font-face {

    font-family: "ProductSans-Regular";

    src: url("Fonts/ProductSans-Regular") format("opentype");

}

@font-face {font-family: "SolaimanLipi";src: url("../../../assets/fonts/SolaimanLipi.ttf?v=1") format("opentype");}



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

#                               common css

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



body {background-color: #ffff;font-family: roboto,sans-serif; 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;

}

.bang_converter{font-family: solaimanlipi;}

.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}

.font-14{font-size: 14px !important}





.lead_headline_fs{font-size: 22px;line-height: 26px}

.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;

}



.vidicon_right_lead{position: absolute;right: 0;height: 50px !important;margin: 10px;}

.vidicon_right_medium{position: absolute;right: 0;height: 45px !important;margin: 5px;}

.vidicon_right_media{position: absolute;right: 0;height: 35px;margin: 5px;}

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

#                               Header

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

.Section_social_network{display: inline-block;}

.Section_social_network ul li a{margin: 0 3px;}

.Section_social_network ul li a.fb-link{color: #fff;padding: 5px 9px;background: #3B5998 !important;background: #3B5998 !important;border-radius: 50%;}

.Section_social_network ul li a.twitter-link{color:#55ACEE;font-size: 22px;

line-height: 23px;}

.Section_social_network ul li a.linkedin-link{background: #185ab1 !important;padding: 3px 5px;color: #fff;}

.Section_social_network ul li a.youtube-link{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%);}



#header{background: #f6f6f6;}

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

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

#                               navbar

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

#Navbar{background: #ffff; box-shadow: 0px 6px 5px 1px rgba(0,0,0,0.35);-webkit-box-shadow: 0px 6px 5px 1px rgba(0,0,0,0.35);-moz-box-shadow: 0px 6px 5px 1px rgba(0,0,0,0.35);}

#Navbar .nav-item a{padding:8px 15px; text-transform: uppercase; font-size:14px; _text-align: center;}

#Navbar .nav-item a:hover{background: #26ceef; color:#ffff ;}

.dropdown-menu{font-size: 12px;text-align: left;}

.navbar-nav li:hover > .dropdown-menu {display: block;}



.Section-Nav ul.nav_list li:hover + ul.header_child_list{display: block;background: #00aff0} 

.Section-Nav ul.header_child_list{position:absolute; display:block; width: 277px;background:#fff; font-size:15px; margin-left: 0;border:1px solid #e5e5e5; list-style:none; _top:100%;	z-index:9999999;}

.Section-Nav ul.header_child_list>li{padding:0; text-align:left; _white-space:nowrap; border-right:1px solid #e5e5e5; list-style:none; display:block}

.Section-Nav ul.header_child_list>li>a{position:relative; display:block; padding:11px 15px; color:#000; }

.Section-Nav ul.header_child_list>li>a:hover{background: #ececec;}

 
.btn-primary{
    cursor: pointer !important;
}
.search_button{
    background:none !important;
    color:#fff !important;
}
.search_button_adv{
    background:none !important;
    color:#fff !important;
}
/*--------------------------------------------------------------

#                               Headline

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

#headline{background: #ffffff;border: 1px solid rgba(151, 150, 150, 0.219);margin: 20px 0px;}

.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; color: white;display: inline-block;background: #da291c;position: absolute;z-index: 99;height: 50px;text-align: left;  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: 5px;margin: 0 0 0 5px;}

.headlines marquee {float: left;width: 100%;height: 30px;padding:0px;}

.headlines ul li a{text-decoration: none;color: #000;margin-right: 35px;}

.headlines ul li img{margin-top: -3px;}

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

#                               Homepage-Lead-Section

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

.Homepage-Lead-Section .main-lead .main-lead-title h4,

.hometop_sublead a h6,

#bodymenu_withScroll #scroll_news .media_hl h5,

#bodymenu_leadtwo h5.media_hl,

#bodymenu_nolead h2.headline,

#leadwitheffect h1.cmn_hl_fs,

#leadwitheffect h2.cmnsub_hl_fs,

#bodymenu_single h1.cmn_hl_fs,

#bodymenu_leadtwo h4.cmn_hl_fs,

#bodymenu_right .media_hl h5,

#editorial_menu .media_hl h5,

#feature_menu h2.headline{font-weight: bold;}

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

#                               bodymenu_leadone

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

#bodymenu_leadone .lead_headline{height: 105px;}



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

#                               bodymenu_single

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

#bodymenu_single .img img{height: 250px;width:auto }

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

#                               bodymenu_withScroll

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

#bodymenu_withScroll .lead_headline{height: 165px;}



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

#                               leadwitheffect

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

#leadwitheffect h2.cmnsub_hl_fs{font-size: 16px;}

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

#                               bodymenu_right

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

#bodymenu_right h4{font-size: 17px}

#bodymenu_right .media-body h5{font-size: 15px}







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

#                               top-figure

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





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

#                               mid-figure

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

.media_hl{font-size: 15px}

.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%);}

.cat_title{background: #f2f2f2;}

.cat_angle{clip-path: polygon(0 0, 15% 0, 20% 100%, 0 100%);}

.cat_angle_feature{clip-path: polygon(0 0, 5% 0, 10% 100%, 0 100%);}

.cat_angle_vs{clip-path: polygon(0 0, 10% 0, 15% 100%, 0 100%);}

.cat_angle_small{clip-path: polygon(0 0, 55% 0, 70% 100%, 0 100%);}

.cat_angle_large{clip-path: polygon(0 0, 65% 0, 85% 100%, 0 100%);}

.cat_title a{font-size: 14px; text-transform: uppercase;padding: 5px 20px;color: white;font-weight: bold;display: inline-block;}

.media_hl h5{font-size: 15px;}

.lead_headline{height: 105px}

.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: 12px; margin-left: 8px; height: 30px;}

#view-1{height: 305px;overflow-x:hidden; overflow-y: auto;}

.news-line{margin-bottom: 10px;}

.news-line .media img{width: 100px;}

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

#                               international

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

#international .news-catrgory{background: #4f9dd9; clip-path: polygon(0 0, 20% 0, 25% 100%, 0 100%);}



.cat_news{position: relative;}

.cat_news img{width: 100%;}

.news_title{position: absolute;bottom: 0px;padding: 1px 10px;font-weight: bold;font-size: 16px;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1.5) 100%);color: #fff; width: 100%;}

.media_image img{height: 80px;width: auto;}

#international .media_image{width: 130px;background: #c4c4c4;text-align: center; }

#international .media{height: 90px;}

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

#                               business

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

#business .news-catrgory{background: #f3a251; clip-path: polygon(0 0, 15% 0, 20% 100%, 0 100%);}

#business .media_image{width: 130px;background: #c4c4c4;text-align: center;}

#business .media{height: 90px;}



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

#                              footer

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

#footer{ background: #f5f5f5;border-top: 5px solid #1a4281;}

.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 3px;}

.footer_social_network ul li a.fb-link{color: #fff;padding: 5px 9px;background: #3B5998 !important;background: #3B5998 !important;border-radius: 50%;}

.footer_social_network ul li a.twitter-link{color:#55ACEE;font-size: 22px;

line-height: 23px;}

.footer_social_network ul li a.linkedin-link{background: #185ab1 !important;padding: 3px 5px;color: #fff;}

.footer_social_network ul li a.youtube-link{color: red;font-size: 22px;line-height: 23px;}

.footer_social_network ul li a.feed-link{background: #ea7819  !important;}

.footer_social_network ul li a.instagram-link{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}

.footer-right p{font-size: 14px;}

.footer_right{color: orange;}

.brand_slogan{font-size:15px}

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

| DETAIL_PAGE

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

.dtl_more_news_title {

    display: inline-block;

    padding: 5px 15px;

    background: #6c757d;

    color: #fff;

    margin: 10px 0;

}



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

| photo_gallery

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

.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: auto;}

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

| 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>.current-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: 18px}



.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;}



.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;

}

.breadcrumb .fa-angle-right {

    padding: 0 5px;

}