*{ margin:0; padding:0;}
a{ text-decoration:none;}
p{ padding:0; margin:0}
a:hover{ text-decoration:none}
ul li{ list-style:none}
body{ font-family:BentonSans,Arial,sans-serif; font-size:14px; background:#EEEEEE !important;} 
.bn_font{ font-family:solaimanlipi; font-size:15px}
.eng_font{font-family:BentonSans,Arial,sans-serif; font-size:14px}
h1,h2,h3{ padding:0 !important; margin:0 !important} 
.header_top{ width:100%; overflow:hidden; background:url(../images/dark_bg.jpg)repeat;}
.header{ width:100%; overflow:hidden; padding:10px 0;} 
.menu_item{ width:100%; background:#272727; }
.menu_item ul{ text-align:left}
.quick_item{ background: #fff none repeat scroll 0 0; box-shadow: 0 3px 3px #999; min-height: 45px; position: relative; width: 100%; z-index: 10; }
.table td{ font-size:15px}
.wrapper{ max-width:1280px; margin:0 auto} 
div.footer{ width: 100%; color:#000; padding:0px 0 15px 0; text-align:left }

.catlftSquare{ background:#fff/*url(../images/content_inner_bg.png)repeat*/; width: 100%; margin-bottom:15px; overflow:hidden }
.lftSquare{ background:#fff/*url(../images/content_inner_bg.png)repeat*/; width: 100%; min-height: 200px; margin-bottom:15px; padding-top:10px; overflow:hidden }
.rhtSquare{background:#fff/*url(../images/content_inner_bg.png)repeat*/; width: 100%; min-height: 200px; margin-bottom:15px; padding-top:10px; overflow:hidden }

.header_top div.socialMedia{ width:100%; text-align:left}
.header_top div.socialMedia span{ display:inline-block; text-align:left; list-style:none; padding:5px 8px; background:#666; margin-right:5px}
.header_top div.socialMedia span i{ font-size:20px; color:#fff} 
.header_top div.socialMedia span:hover{ background:#000}

div.grammar-menu-block-title{width:100%; height:30px; text-align:left}
div.grammar-menu-block-title a{ font-size:15px; font-weight:bold; color:#000; padding-left:15px; text-transform:uppercase}
div.grammer-menu-block-title a:hover{ color:#439EC9}
div.menu-block-wrap{background:#fff; width:100%; height:30px; margin-bottom:10px;}
div.menu-block-title{
	background: #439EC9 none repeat scroll 0 0; 
	color: #fff;
	font-size: 14px;
	left: 10px;
	padding: 5px 15px;
	position: absolute;
	text-transform: uppercase;
	/*top: 0px;*/
}
div.menu-block-title a{ color:#fff; text-decoration:none }
/*div.menu-block-title::after{
	border-color: #439EC9 transparent transparent #dc2834;
	border-style: solid;
	border-width: 30px 20px 0 0;
	bottom: 0;
	content: " ";
	height: 0;
	position: absolute;
	right: -20px;
	top: 0;
	width: 0;
}*/
/*div.menu-block-title::before{
	border-color: #439EC9 transparent transparent;
	border-style: solid;
	border-width: 8px 0 0 4px;
	bottom: -8px;
	content: " ";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}*/
div.rhtSquare table tbody tr:last-child{ border-bottom:1px solid #ddd}
table.table{ margin-bottom:0px; border-top:1px solid #ccc;}
div.more{ padding:3px 0; background:url("../images/black-trans-bg.png") repeat-x; text-align:right; width:100%; display:none; position:absolute; bottom:0}
div.more a{ font-size:15px; color:#fff; cursor:pointer; padding-right:10px; text-decoration:none}

ul#userLogin{ text-align:right; margin:18px 0 0 0;}
ul#userLogin li{ display:inline-block; padding-right:10px; line-height:30px; color:#000; font-size:15px; cursor:pointer}
ul#userLogin li a{ text-decoration:none; font-weight:bold; color:#006699;}

div.modal-body ol li{ margin:0 0 5px 15px; font-size:15px !important}
div.modal-body{ text-align:left}
div.applyField{ width:100%; text-align:left; padding-left:20px; padding-top:6px}
div.applyField p{ margin:0 !important;}
div.sicon{width:100%; text-align:left; padding-left:20px; padding-top:6px}
div.sicon span{ display:inline-block; margin-right:10px; border-right:1px solid #eee; padding-right:10px }
div.sicon span a:hover{ color:#006699;}
div.sicon span a{ color:#000; cursor:pointer; text-decoration:none}
div.ruleCaption{text-align:left; font-size:17px; color:#000080; cursor:pointer}
div.ruleCaption:hover{ text-decoration:none }
div.ruleCaption a:hover{ text-decoration:none; color:#cd0000}
div.ruleCaption a font:hover{ text-decoration:none; color:#cd0000}
div.aboutUs p{ font-size:16px; color:#006699; line-height:21px; text-align:justify}

.video_inner {
    width: 100%;
	margin:20px 0;
}
.vid_img {
    border: 2px solid #808000;
    height: 100px;
    margin: 0 0 5px;
    overflow: hidden;
    width: 100%;
	padding-bottom:7px
}
.vid_img img {
    height: 100%;
    width: 100%;
}
.video_inner h2 a {
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}
.newsPicCon {
    background-color: #ffffff;
    border: 0 ridge #cccccc;
    color: #000000;
    cursor: pointer;
    float: left;
    font-family: SolaimanLipi;
    padding: 0;
    text-align: center;
    width: 100%;
}
.imgs {
    border: 2px solid #808000;
    height: 110px;
    margin: 0 0 0px;
    width: 100%;
}
#tube {
    float: left;
    list-style: outside none none;
    position: relative;
    width: 100%;
}
#tube a {
    background: rgba(0, 0, 0, 0) url("../images/play-video.png") no-repeat scroll center -60px;
    color: #777;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 5;
}
#tube a:hover {
    background-position: center 38px;
    text-decoration: none;
    transition: all 300ms ease 0s;
}
#tube h2 {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 70px;
    line-height: 22px;
    margin: 0 0 10px;
    overflow: hidden;
    text-align: center;
}
#tube h2:hover { background:#006699; color:#fff; }
#tube p {
    color: #777;
    font-size: 12px;
    line-height: 18px;
}

@media screen and (max-width: 400px) {
    div.feedback{ display:none}
}
@media screen and (max-width: 767px) { 
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}