b@font-face {
    font-family: 'solaimanlipinormal';
    src: url('solaimanlipi.eot');
    src: url('solaimanlipi.eot?#iefix') format('embedded-opentype'),
         url('solaimanlipi.woff2') format('woff2'),
         url('solaimanlipi.woff') format('woff'),
         url('solaimanlipi.ttf') format('truetype'),
         url('solaimanlipi.svg#solaimanlipinormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* {margin:0;padding:0} */
body {
font-family: arial;
font-style: normal;
font-size: 20px;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:10px;}
a{color:blue; text-decoration:none;}
a:hover{text-decoration:none;}

.main {width:960px;margin:0 auto;display:block; background:#FFFFFF; }
.floatleft {float:left} 
.floatright {float:right} 
.fix {overflow:hidden}

/*basic class css begins */
.header{background:#8B8257; margin-bottom:9px;}
.menu{margin-top:-5px;}
.menuarea {height: 28px;
}
.version{height:40px;}
.version a{ font-weight: bold;}
.mid{height: auto;
font-family:arial;
margin-top: 5px; min-height:500px;}
.leftmid{width: 765px;
background:white;}
.slider{background:#683131;
height: 420px;
width: 750px;}
.leftdata{width: 750px;
padding: 10px;
font-size: 20px;
line-height: 25px;
text-align:justify;
}
.rightmid{width: 195px;
height: 500px;}
.rightmidarea{padding:7px;}
.rightmid a{}
.rightmid a:hover{}
.banner{}
.banner img{width: 159px;}
.bannerbook{}
.bannerbook img{}
.buttonlink{height:40px; width:100%;}

.intro{padding:10px;}
.introleft{width: 560px;}
.introimage{width: 100px;}
.introimage img{width: 100px;
height: 125px;}
.introbody{width: 442px;
margin-top: 0px;}
.introbody h1{color: #666;
font-size: 30px;
width:100%;}
.introbody h2{color: #060;
font-size: 23px;
width:100%;}
.introright{width: 380px;}
.introright img{width: 380px;height:130px;}
.introdata{padding: 5px;
font-size: 20px;
line-height: 25px;
text-align:justify;
}
.remarkleft{width: 100%;
height: 150px;
margin-top:20px;
border-bottom: 1px solid #ddd;}
.remarkright{width: 100%;
height: 150px;
margin-top:20px;
border-bottom: 1px solid #ddd;}
.remarkimage{width: 11%;}
.remarkdata{width: 88%;}
.remarkleft .remarkdata {text-align:left; color:red;}
.remarkright .remarkdata {text-align:right; color:green;}
.remarkdata span{font-size:15px; color:black;}
.publications{width: 457px;
background:;
border:1px solid #ddd;
padding: 5px;
margin-right: 5px;
height: 127px;
margin-top:15px;
}
.publication_image{width: 100px;}
.publication_image img{}
.publication_data{width: 340px;padding:5px;}

.books{height:auto; }
.bookleft{height:auto; width:750px;}
.bookright{height: auto;
width: 170px;
padding: 10px;
font-size: 17px;
line-height: 21px;
color: olive;}

.familytop{margin-bottom:30px;}
.familybottom{}
.familyimage{width: 450px;
padding: 5px; height:400px; background:#8B8B52; margin-bottom:10px; margin-right:10px;}
.familyimage img{width:450px; height:400px;}

.contact{}
.contactleft{width: 45%;
background: #FFF4EB;
height: 365px;
padding: 20px;}
.contactimg{background: ;
width: 100px;
}
.contactaddress{width:300px;line-height: 30px;}
.contactright{width:50%; height:500px;}

.modelmenu{width: 800px;
margin-top: 15px;
text-align: center;
margin-left: 50px;
border: 1px solid black;
padding: 10px;}
.modelmenul{margin-top: 35px;
width: 20%;
min-height: 80px;}
.modelmenul .button a{color:white;}
.modelmenur{width:80%;}
.modelmenur h1{line-height: 50px;}
.modelmenur h2{}
.modelmenur h3{}

.modeltop{}
.modelhleft{width: 230px;
/* background: red; */
height: 225px;
}
.modelhleft img{width: 180px;
height: 180px;}
.mdoelhright{width: 730px;}
.mdoelhright h1{color: olive;
font-size: 45px;}
.mdoelhright h2{color: green;
font-size: 30px;}



.list_arrow li{list-style:none;
list-style-position: outside;
list-style-image: url(http://www.helal.net.bd/Image/arow-1.gif);}


.list_star{list-style:none;
list-style-position: outside;
list-style-image: *;}

.footer{height: auto;
background: #DDD;
margin-top: 5px;
margin-bottom: 5px;
font-size: 11px;
line-height: 12px;
}
.footerarea{padding: 15px;}
/*basic class css ends */
.man{min-height:30px;}
.nano_head{margin-bottom:7px;}

/* all new css */

.more_link{font-size: 15px;
color: olive;}

.br{padding: 1px 8px; border-bottom: 1px dashed #000;}
.gap{height: 15px;}
.gap1{height: 7px;}
.gapp{margin-bottom: 7px;}


@media only screen  and (min-width : 1224px) {
.mattblackmenu ul{
font: 11px Arial, Verdana;;
}
}