/*
Template Name: Popular IT Limited
Template URI: http://popularitltd.com
Author: Helal Uddin (01711-324989)
Author URI: http://helaluddin.info
Version: 1.0
Description: Popular IT Limited Is A Web & Software Development Firm Of Bangladesh. We Provide Domain Registration, Web Hosting, Hosting Reseller, Web Design & Development, Mobile Apps Development & Software Development. If You Need Than Contact Us : http://www.popularitltd.com 
*/

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



*{padding:0px; margin:0px}
body{background:#EBECE7; font-size:15px; font-family: SolaimanLipiNormal; list-style:none}
a{text-decoration:none; color:#939391}
a:hover{ color:#FF0505}
li a{color:#392E03}
h5{font-size:14px; line-height:20px; color:#000066; margin-bottom:2px;  font-weight:100}
h5 a{color:#000066; margin-bottom:2px;  font-weight:100}
.clear{ clear:both}

.stucture{margin:auto; width:1150px; background:#FFFFFF; padding:0px; border:1px solid #D8DADA; border-radius: 3px; font-family: SolaimanLipiNormal;}
.fix{ overflow:hidden}
.top_header{ background:#EAEBE8; border-bottom:1px solid #999999;}
.date{ float:left; width:470px; padding:3px}
.sarch {float:left; width:325px; padding:3px}
.font{ float:right; width:290px; text-align:right}
.font img{ height:27px;border-radius: 15px; margin-right:10px}
.banar{background-image: url("images/Bannar-Noakhali.png");}
.banar_01{width:430px; float:left; margin:10px 10px}
.banar_01 img{ width:400px; margin:10px}
.banar_02{width:680px; float:right; margin:25px 10px 10px 10px; text-align:right}
.scrool{  margin:3px 0px 5px 0px; background:#EEEBEB}
.scrool_01{ float:left; width:122px; padding:5px; background:#800000; color:#FFFFFF;font-size:18px;}
.scrool_02{ float:right; width:1003px; padding:5px}
.contant_sidebar{}
.contant{ float:left; width:835px;}
.add_01{ margin-left:3px}
.lid_last{}
.lid{ float:left; width:520px; padding:2px}
.last{ float:right; width:300px; padding:3px; }
.last_news_title{ height:316px; overflow:scroll; border:1px solid #CCCCCC; padding:5px}
.last_title{ background:#EDEDED; padding:5px; border:1px solid #999999; margin-bottom:2px; border-radius: 3px;font-size:14px;}
.add_02{ margin:5px 2px}
.exclusive{}
.exclusive_details{ float:left; width:258px; padding:5px; height:220px; border:1px solid #E9EBED; margin:2px}
.add_03{ margin:5px 2px}
.3_catagory{}
.catagory_details{float:left; width:262px; padding:5px; border:1px solid #E9EBED; margin-left:2px; height:560px}

.dc_dc{}
.dc_dc01{ float:left; width:570px; margin:2px}
.dc_011{ float:left; width:290px; margin:2px}
.dc_022{ float:right; width:265px; margin:2px}
.dc_dc02{ float:right; width:570px; margin:2px}
.dd_01{ float:left; width:272px; margin:2px}
.dd_02{ float:right; width:272px; margin:2px}
.ortho {}
.ortho_01{ float:left; width:140px; margin:2px}
.ortho_02{float:right; width:140px; margin:2px}
.{}






.dc_sc{ margin:5px 0px; width:980px}
.dc{ float:left; width:490px; margin-left:2px; border:1px solid #E9EBED; padding:5px; height:400px}
.dc_01{ float:left; width:250px}
.dc_02{ float:left; width:235px; margin-left:5px}
.sc{ float:left; width:245px; padding:5px; margin-left:4px; border:1px solid #E9EBED; height:400px}
.sidebar{ float:right; width:300px; padding:5px; border:1px solid #E9EBED;}
.4_add{ margin:5px 0px}
.single_add{ float:left; width:235px; margin-left:3px; padding:3px}
.Crecket_footboll{ border:1px solid #E9EBED; margin:2px; height:480px}
.crecket_01{ float:left; width:262px; margin-left:2px; padding:5px}
.crecket_02{ float:left; width:575px; margin-left:2px; padding:5px}
.footboll{ float:left; width:262px; margin-left:2px; padding:5px; border:1px solid #E9EBED;}
.middole_add{}
.middole_add_01{ float:left; width:480px; padding:5px}
.{}
.entertainment_sahitto{ border:1px solid #E9EBED; margin:2px; height:500px; margin-bottom:5px}
.entertainment_01{float:left; width:262px; margin-left:2px; padding:5px}
.entertainment_02{float:left; width:575px; margin-left:2px; padding:5px}
.sahitto{float:left; width:262px; margin-left:2px; padding:5px; border:1px solid #E9EBED;}

.dc_catagory{}
.dc_catagory_01{ float:left; width:480px; margin:3px; border:1px solid #E9EBED;}
.dc_detils_01{ float:left; width:230px; padding:5px}
.dc_detils_02{float:left; width:230px; padding:5px}
.dc_catagory_02{float:left; width:480px; margin:3px; border:1px solid #E9EBED;}
.dc_detils_01{float:left; width:230px; padding:5px}
.dc_detils_02{float:left; width:230px; padding:5px}
.4catagory{}
.single_catagory{ float:left; width:278px; padding:2px; margin-left:2px; border:1px solid #E9EBED; height:550px}
.single_catagory{}
.single_catagory{}
.single_catagory{}
.footer_widget{ margin:5px 0px 5px 5px}
.footer_menu{}
.copy_editor_design{ background:#FFFFFF; border-top:5px solid #D5D5D5; margin:20px 0px 10px 0px; font-size:16px;}
.copy{ float:left; width:195px; padding:5px; text-align:left}
.editor{ float:left; width:425px; padding:5px; text-align:left;color:#000000; font-size:16px;  margin-left:30px}
.contact{ float:left; width:425px; padding:5px; text-align:left;color:#000000; font-size:16px;  margin-left:30px}
.design{ float:right; width:200px}
.design img{ width:200px; height:70px; padding-top:20px}
.copy img{ width:200px; height:60px;  padding-top:20px}



.video{ clear:both; margin:10px 0px}
.video_details{float:left; width:176px; padding:5px; height:160px; margin:2px}
.{}
.{}
.{}
.{}

.scrool2{margin-top:30px; background:#000000; position: fixed; bottom: 0px; left: 0px; width: 100% !important;
z-index: 999; }
.scrool_012{ float:left; width:100px; padding:5px; background:#FF0000; color:#FFFFFF; font-size:18px}
.scrool_022{ float:right; width:1135px; padding:5px}




/*Catagory Title*/

.catagory_title_01{ font-size:16px; border-top:2px solid #0170B8; border-bottom:1px solid #0170B8; padding:5px; color:#0170B8; margin-bottom:2px}
.catagory_title_02{ font-size:16px; border-top:2px solid #660099; border-bottom:1px solid #660099; padding:5px; color:#660099; margin-bottom:2px}
.catagory_title_03{ font-size:16px; border-top:2px solid #006699; border-bottom:1px solid #006699; padding:5px; color:#006699; margin-bottom:2px}



.title_catagory{background-image: url("images/title-bg2.gif");font-size:16px; border-bottom:2px solid #DCDBD9; padding:5px 5px 5px 10px; color:#000000; margin-bottom:2px; font-weight:100}
.title_catagory2{background-image: url("images/title-bg.gif");font-size:16px; border-bottom:2px solid #DCDBD9; padding:5px 5px 5px 10px; color:#000000; margin-bottom:2px; font-weight:100}
.title_catagory3{background:#ECE9DD;font-size:16px; border-bottom:2px solid #DCDBD9; padding:5px 5px 5px 10px; color:#000000; margin-bottom:2px; text-align:center; border-radius: 5px 5px 0px 0px; font-weight:100}
.{}
.{}
.{}
.{}
.{}
.play_title{border-top:3px solid #006699; border-bottom:1px solid #006699; color:#006699; margin-left:2px}

.see_more{ font-size:14px; text-align:right; margin-top:5px; font-weight:400}
.see_more a{ color:#01324B}
.see_more a:hover{ color:#FF0000}


/*Marquee====*/
.marquee_title{}
.marquee a{ color:#FFFFFF; padding:5px; font-size:16px;}
.marquee_title a:hover{ color:#FF0000; padding:5px}
.scrool_022 a{ color:#FFFFFF; padding:5px; font-size:20px;}


/*Title Loop*/
.title_loop_title{ font-size:16px; text-height:22px; line-height:22px;  padding:5px 0px}
.title_loop_title a{  color:#000000; font-weight:400;}
.title_loop_title a:hover{ color:#FF0000;}
.title_pic{ float:left; margin-right:5px; padding:1px; background:#333333;clear:both}
.singletitle{clear:both; height:50px; border-top:1px solid #CDCDCD;}

/*Images Title Loop=========*/
.images-post-thumb{ text-align:center; background:#CCCCCC; padding:1px;}
.image-title{ font-size:16px; text-align:left; font-weight:400;}
.image-title a{ color:#000000}
.image-title a:hover{ color:#FF0000}

/*Images Title Loop 2=========*/
.images-post-thumb2{ text-align:center;  background:#CCCCCC; padding:1px;}
.image-title2{ font-size:16px; text-align:left; font-weight:400;}
.image-title2 a{ color:#000000}
.image-title2 a:hover{ color:#FF0000}

/*Images Title Loop 3=========*/
.images-post-thumb3{ text-align:center; background:#CCCCCC; padding:1px; }
.image-title3{ font-size: 18px; font-weight:100;
text-align: center;
opacity: 0.8;
margin-top: -43px;
background: rgba(0, 0, 0, 0.65) none repeat scroll 0% 0%;
padding: 5px;
border-top: 1px solid #00C; margin-bottom:6px}
.image-title3 a{ color:#FFFFFF}
.image-title3 a:hover{ color:#FF0000}

/*Widget Title=========*/
.widget_title{ margin:2px 0px 5px 0px; font-size:16px}
.widget_title li{margin:2px 0px 5px 0px;}
.widget_title a{color: #000000;}
.widget_title a:hover{color: #FF0505;}
.widget_title h3{  background-image: url("images/second_menu_bg.png");
font-size: 16px;
color: #0170B8;
border-radius: 5px 5px 0px 0px;
border-top: 3px solid #0170B8;
border-bottom: 1px solid #069;
margin-bottom: 5px;
padding: 5px;}
.readmore a{color:#E30202}


/*Exclusive Title Loop=========*/
.exclusive_title{ font-size:18px; text-align:left; padding:5px}
.exclusive_title a{ color:#000000}
.exclusive_title a:hover{ color:#006633}
.lid-post-thumb{ float:left; background:#CCCCCC; padding:1px; margin: 0px 10px 5px 0px}
.exclusive_title-matar{ }


/*Single=========*/

/*
.single_contant{ float:left; width:810px; padding:5px; margin-right:10px}
.single_sidebar{ float:right; width:300px; padding:5px; border:1px solid #E9EBED; margin:0px 2px}
.single_title{ text-align:center; margin:3px 0px; font-size:22px; padding:5px; background:#EFEDED; border-bottom:1px solid #339966}
.single_title a{ color:#003366}
.single_title a:hover{ color:#FF0000}
.single-post-thumb{ float:left; margin-right:10px; padding:0px}
.post_content{ text-align:justify; background:#FFFFFF; margin-bottom:70px; margin-to:-10px; font-size:17px;}
.post_content a{color:#EE000B;}
.post_info{ color:#990000; font-size:16px; text-align:center; margin-bottom:5px; background:#F8F0F0; padding:4px}
.post_info a{ color:#990000}
.post_content img{float:left; width:50%; height:auto}
*/



.single_contant{ float:left; width:810px; padding:5px; margin-right:10px}
.single_sidebar{ float:right; width:300px; padding:5px; border:1px solid #E9EBED; margin:0px 2px}
.single_title{ text-align:center; margin:3px 0px; font-size:22px; padding:5px; background:#EFEDED; border-bottom:1px solid #339966}
.single_title a{ color:#003366}
.single_title a:hover{ color:#FF0000}
.single-post-thumb{ float:left; margin-right:10px; padding:0px;width:800px! important;height:400px!important;}
.single-post-thumb-mobile{ float:left; margin-right:10px; padding:0px;}
.post_content{ text-align:justify; background:#FFFFFF; margin-bottom:70px; margin-to:-10px; font-size:17px;}
.post_content a{color:#EE000B;}
.post_info{ color:#990000; font-size:16px; text-align:center; margin-bottom:5px; background:#F8F0F0; padding:4px}
.post_info a{ color:#990000}
.post_content img{float:left; width:100%; height:auto}




/*Page=========*/


.single_contantp{ float:left; width:900px; padding:5px; margin-right:10px, }
.single_sidebarp{ float:right; width:200px; padding:5px; border:1px solid #E9EBED; margin:0px 2px}




/*Archive=========*/.{}
.single_news_detils{ padding-bottom:30px; overflow:hidden}
.archive_loop_title{ margin:3px 0px; font-size:22px; background:#FFFFFF; padding:5px}
.archive_loop_title a{color:#003366}
.archive_loop_title a:hover{color:#FF0000}
.post_loop_post-thumb{float:left; margin-right:10px; background:#666666; padding:2px; }
.archive_loop_matar{ text-align:justify; background:#FFFFFF; margin-bottom:0px}





.nav-previous{float:right; width:200px;margin-top:20px; text-align:right; padding:5px}
.nav-previous a{font-size:18px;color:#CC0000 }
.nav-previous a:hover{color:#0E4E01}
.nav-next{ float:left; width:200px; margin-top:20px;  padding:5px}
.nav-next a{font-size:18px; color:#CC0000 }
.nav-next a:hover{color:#0E4E01}








/*Menu01*/
#menu01{
    padding:0;
	background:#F6F4F4;
    width:1200px;
    height:38px;
	margin:-3px 0px 0px 0px;
	z-index:99;
border-bottom:2px solid #FF0000

}
 
#menu01 ul{
    padding:0;
    margin:0;
	
}
 
#menu01 ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;



}
 
#menu01 ul li a{
color:#030000;
font-weight:100%;
    text-decoration:none;
    font-size:16px;
    padding:8px 10px;
    display:block;
		
}
 
#menu01 ul li a:hover{
    color:#FFFFFF;
	background:#06B802;

	
}
 
#menu01 ul li ul{
    display:block;
    top:36px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
    width:120px;
z-index:999999;
}
 
#menu01 ul li:hover ul{
    visibility:visible;
    display:block;
	background:#006633;
	width:120px;
}
 
 
  #menu01 .current_page_item > a,
#menu01 .current_page_ancestor > a,
#menu01 .current-menu-item > a,
#menu01 .current-menu-ancestor > a {
	    color:#FFF;
	background:#CC0404;
}




/*Menu02=====*/
#menu02{
    padding:0;
	background:#F6F4F4;
    width:1200px;
    height:35px;
	margin:0px auto;
	z-index:000;
}
 
#menu02 ul{
    padding:0;
    margin:0;
	
}
 
#menu02 ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;

		

}
 
#menu02 ul li a{
color:#030000;
    text-decoration:none;
    font-size:16px;
    padding:8px 10px;
    display:block;
		
}
 
#menu02 ul li a:hover{
    color:#FB0303;


	
}
 
#menu02 ul li ul{
    display:block;
    top:35px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
    width:120px;
}
 
#menu02 ul li:hover ul{
    visibility:visible;
    display:block;
	background:#006633;
	width:120px;
}
 
 
  #menu02 .current_page_item > a,
#menu02 .current_page_ancestor > a,
#menu02 .current-menu-item > a,
#menu02 .current-menu-ancestor > a {
	    color:#FFF;
	background:#1463B0;
}


/*Menu03=====*/
#menu03{
    padding:0;
    width:980px;
    height:32px;
	margin:5px 0px 5px 170px;
	z-index:99;
	text-align:center;
}
 
#menu03 ul{
    padding:0px 0px;
    margin:auto;
	
}
 
#menu03 ul li{
    float:left;
	width:auto;
	text-align:left;
    position:relative;
    list-style:none;
		border:1px solid #999999;
		background:#F1F1F1;
		border-radius: 15px;
}
 
#menu03 ul li a{
color:#000000;
font-weight:bold;
    text-decoration:none;
    font-size:13px;
    padding:8px 20px;
    display:block;
		
}
 
#menu03 ul li a:hover{
		border:1px solid #999999;
		background:#FFFFFF;
		border-radius: 10px;

	
}
 
#menu03 ul li ul{
    display:block;
    top:40px;
    visibility:hidden;
    padding:0;
    margin:0;
    position:absolute;
    width:120px;
}
 
#menu03 ul li:hover ul{
    visibility:visible;
    display:block;
	background:#006633;
	width:120px;
}
 
 
  #menu03 .current_page_item > a,
#menu03 .current_page_ancestor > a,
#menu03 .current-menu-item > a,
#menu03 .current-menu-ancestor > a {
	    color:#FFF;
	background:#003300;
}


ol, ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
width:100px }

a img {
  border: none; }

/* =Global
-------------------------------------------------------------- */



a {
  text-decoration: none;
  color: #000000; }

a:hover {
  color: #238b68; }

/* =Template
-------------------------------------------------------------- */
#wrapper {
  width: 300px;
  margin: 0 auto; }

#main {
  background-color: #fff;
  padding: 5px 0; }

.container {
  width: 290px;
  margin: 0 auto;
  padding: 0 5px; }

/* =Top Bar
-------------------------------------------------------------- */
#top-bar {
  background-color: #289f77; }

#top-bar a {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 10px; }

#top-bar a:hover {
  background-color: #238b68; }

span.all-labs,
span.back-to-tutorial {
  display: block;
  width: 50%; }

span.all-labs {
  float: left;
  text-align: left; }

span.back-to-tutorial {
  float: right;
  text-align: right; }