/*Fonts*/
 @import url('//fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500,600,700|Muli:300,300i,400,400i,600,600i,700,700i,800,800i|Oxygen:300,400,700');

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; transition: all 0.3s linear; -webkit-transition: all 0.3 s linear; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: 100%;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* end reset */

/*preset*/
body{ font-size: 14px; line-height: 22px; font-family: 'Muli'; color:#606468;}
a{ text-decoration:none; }
textarea { resize:vertical; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;}
input{-webkit-appearance:none;}
input[type="submit"]{cursor: pointer;-webkit-appearance:none;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}
button, html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance: button;cursor: pointer;}

img{max-width:100%;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}
.comp{color:#053c46; font-weight:bold; }
.comingsoon{color:red; font-style:italic; font-weight:bold; }
.col2{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col3{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.col2 li, .col3 li{overflow: hidden;}
.back_top{ display: none; background:#149FD5 url(images/back_top.png) no-repeat center; position: fixed; bottom: 0; right: 0;cursor:pointer} 
.back_top:hover{opacity:.8;}
/*Thumbnail Images*/
.thumb_left_dd, .thumb_left_dr{  float:left; margin:-4px 19px 0 0; }
.thumb_right_dd, .thumb_right_dr{ float:right; margin:-4px 0 0 19px; }
.thumb_center_dd, .thumb_center_dr{ display: block; margin: 10px auto;}

/* Text Alignment */
.text_left, .text_left p{text-align: left;}
.text_right, .text_right p{text-align: right;}
.text_center,.text_center p{text-align: center; display: block;}
/*end preset*/

.wrapper{ width:1160px; max-width:100%; margin:0 auto; position:relative;height:auto;}
.protect-me{font-family:'Muli';font-size:16px;font-weight:300;}

.btn{display:block;height:45px;background:#149fd5;font:300 16px/45px 'Muli';color:#fff;text-align:center;}
.btn:hover{background:#fff;color:#149fd5;}
/*header*/
#header{top: 0;right: 0;left: 0;}
	.logo{ position: absolute;z-index: 99;top: 135px;left: 0;right:0;margin:0 auto 0;width:340px;height:300px;background:rgba(0,0,0,.4);text-align:center;padding:33px 0 0;}
	.logo:before{content:"";width:353px;height:315px;border:2px solid #fff;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
	.logo img{width:263px;max-width:100%;}	
	.logo a span { color: #fff; font-size: 27px; font-family: 'Muli'; display: block; margin-top: 20px; line-height: 100%;}
	.header_info{ float: right; text-align: right; }
	
	
		
/*end header*/

/*nav*/

	nav{position:relative;height: 127px;background: rgba(20,159,213,.85);text-align: right;z-index:999;}
	nav ul{display: table;width: 100%;}
	nav ul li{ display:table-cell; position:relative; text-align: center;}
	nav ul li:not(:last-child):after{content:url(images/nav_spacer.png);top:48px;right:-1px;position:absolute;}
	nav ul li a{display: block;font:300 18px/127px 'Muli';color:#fff;transition: none;padding:0 15px;}
	
	
	
	nav ul li a:hover, nav ul li.current_page_item > a{text-decoration:underline;}
	
	/* Second Level Menus +++++++++*/
	nav ul ul li:after{content:""!important;}
	
	nav ul li:hover > ul { display: block; visibility: visible; }
	nav ul ul { display:none; margin:0; padding:10px 0 20px; position:absolute; top:100%; left:0; z-index:999;background:#15a9e1;width:250px;}
	nav ul ul li{ display: block; width: 100%;padding:0 17px; }
	nav ul ul li a {width: 100%; margin: 0; height: auto; display: block; padding: 10px 0; border-bottom: 1px solid rgba(206,201,201,.3);line-height:100%;text-align:left;font-size:16px;}
	nav ul ul ul{background:#17b9f7;left:100%; top: 0;}
	nav ul ul ul ul{background:#17b9f7;}
	
	/* Drop down icon */
	nav span{ position:absolute; right:0; top:0; display:none; padding:0; cursor:pointer; z-index:9; color: #fff;}
	
	.header-text {display:none;}
	.header-text span {position:relative;text-align:left;padding:25px 0 0 0;margin-bottom:-15px;font-size:30px;font-weight:400;font-family:'Muli';}

/* Navigation bar icon */
.nav_toggle_button{ width:100%; display:none; color:#ffc180; background:#770008; margin:0 auto; padding:10px 15px; text-align:left; position: relative;}
.fa{ display:block; float: right; margin-top: -5px; margin-right: -26px;cursor:pointer;}

/*end nav*/

/*banner*/
#banner{padding:0 10px;background:linear-gradient(rgba(0,37,44,.5), rgba(0,37,44,.3)), url(images/bg_banner.jpg) no-repeat center top;margin-top:-127px;}
.banner_con{height:891px; text-align:center;}
.banner_con img{display:none;}
	.slider{ width:1920px;margin-left:-380px; position:relative;line-height:0;}
	.bnr_info {width:590px;font:300 16px/28px 'Muli';color:#fff;position:absolute;bottom:80px;left:0;right:0;margin:0 auto;}
	.bnr_info h2{font:35px/100% 'Muli';color:#fff;display:block;margin: 0 0 20px;}
	.bnr_info a{width:143px;margin:20px auto 0 ;}
	.bnr_info a:hover{background:#fff;color:#149fd5;}

/*end banner*/

/*middle*/


#middle{background: #fff;}
#middle .wrapper{ padding: 111px 22px 125px;}
	
	.mid_flyer{margin: 10px auto -80px; display: block; width: 850px; max-width: 100%; text-align: center;}
	
	[class^="mid_box"] .mid_content{ overflow: hidden; position:relative; }
	[class^="mid_box"] .mid_content:before{content:url(images/mid-icon.png);position:absolute;top: 6px; left: 45px;}
	[class^="mid_box"] img{ display: block; padding: 7px 8px; border: 1px solid rgba(0,0,0,.15);background:#fff; }
	[class^="mid_box"] h2{ font:300 27px/100% 'Muli';margin:0 0 10px;color:#333333;}
	[class^="mid_box"] h2 span{font:800 27px/100% 'Muli';color:#149fd5;}
	[class^="mid_box"] p{ font:300 16px/195% 'Muli'; margin-top: 5px; padding-left: 2px; }

	[class^="mid_box"] section a{width:143px;margin:16px 0 0;background:#053c46;}
	[class^="mid_box"] section a:hover{background:#149fd5;color:#fff;}
	

	[class^="mid_box"]:not(:last-of-type){ margin-bottom: 70px; }
	[class^="mid_box"]:nth-of-type(odd) .mid_img_wrap{ float:left; }
	[class^="mid_box"]:nth-of-type(odd) .mid_content{ padding: 0 0 0 153px; }

	
	[class^="mid_box"]:nth-of-type(even) .mid_content{ padding: 4px 40px 0 101px; }
	[class^="mid_box"]:nth-of-type(even) .mid_content:before{content:url(images/mid-icon2.png);position:absolute;top: 7px; left: 2px;}
	[class^="mid_box"]:nth-of-type(even) .mid_img_wrap{ float:right; }

	

/*end middle*/

/*main*/
#main_area{display:none;}

	main{ line-height: 28px; max-width: 100%; background: #c5f0ff; color: #333333; padding: 77px 70px 20px 53px; position:relative;min-height:550px; }
	main h1 {font:500 30px/100% 'Muli';color:#053c46;padding-bottom:40px;margin-bottom:45px;position:relative;}
	main h1 ~ *{ font-size: 16px; font-weight: 300; line-height: 194%; }
	main p{ margin-bottom: 38px; }
	main ol{padding-left: 35px; margin-bottom: 15px;}
	main .bullet {padding:0 0 0 15px; margin-bottom: 15px;}
	main .bullet li{padding:0 0 0 22px; position: relative;}
	main .bullet li:before{position: absolute; content: url(http://www.alqalamus.org/wp-content/themes/alqalam/images/bullet.png); top: 5px; left: 0;}
	main .bullets {padding:0 0 0 15px; margin-bottom: 15px; column-count:2;}
	main .bullets li{padding:0 0 0 22px; position: relative;}
	main .bullets li:before{position: absolute; content: url(http://www.alqalamus.org/wp-content/themes/alqalam/images/bullet.png); top: 5px; left: 0;}
	main a{font-weight: bold; color: #149fd5;}
	main a:hover{text-decoration: underline;}
	
	.center_text{text-align:center;margin: 30px auto;}
	

	main .table_cont {border-collapse: collapse;width: 100%;}
	main .table_cont th, main .table_cont td {text-align: left;padding: 8px;width:50%;padding-left:50px;}
	main .table_cont tr:nth-child(even){background-color: #f2f2f2}
	main .table_cont th {background-color: #149fd5;color: white;}
	
#bottom{background:#053c46 url(images/bg_bottom.png) no-repeat center top / cover;padding:0 10px;}
	.btm_con{min-height:772px;padding:52px 0 50px;color:#fff;text-align:center;line-height:30px;font-style: normal;}
	.btm_con p{width:695px;max-width:100%;margin:0 auto;}
	.btm_con h3{font:800 35px/100% 'Muli';color:#fff;margin:0 0 25px;}
	
	.bot_calendar{margin:45px 0 0;}
	#calendar_1, #calendar_1 table{width:100%!important;}
	#calendar_1 .cala_day a:link, #calendar_1 .cala_day a:visited{font-size:18px!important;}
	#calendar_1 table td{height:48px;color: #053c46!important;font:18px 'Muli';vertical-align:middle;}
	
	.wdc_calendar{width:100%!important;}
	
/*Calendar*/
#calendar_1 table td span{font-size:16px!important;}
/*footer*/
footer{background:#011216 url(images/bg_footer.png) no-repeat center bottom; }
	.footer_top{ background-color:#149fd5; min-height:239px }
		.contact{ padding: 75px 0 75px; }
		.contact section{display:inline-block;vertical-align:middle;}
		.contact section a{width:165px;margin:12px 0 0;background:#26292e;}
		.contact section a:hover{background:#ca304a;}
		.contact h2{ font:300 33px Muli; color:#fff; margin-left: -1px; }
		.contact h2 span{ font-weight:800;display:block;}
		.contact ul{display:inline-block;vertical-align:middle;color: #fff; font-size: 16px; font-weight: 300; line-height: 166%; overflow: hidden; padding-left: 97px; margin-top: -6px; }
		.contact ul li{ white-space: pre-line; display: inline-block; vertical-align: middle; position: relative; padding-left: 71px; }
		.contact ul li a:hover{color:#04465f;}
		
		.contact ul li:nth-child(1){ margin-right: 42px; }
		.contact ul li:nth-child(2){ margin-right: 50px; }
		.contact ul li a{ color:#fff; }
		
		
		.contact ul li:before{ -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 57%; display: block; position: absolute; left: 29px; }
		.contact ul li:nth-child(1):before{ content:url(images/contact_icon1.png); }
		.contact ul li:nth-child(2):before{ content:url(images/contact_icon2.png); }
		.contact ul .social_icons{white-space:normal;padding:0;text-align:center;}
		.contact ul .social_icons a{display:inline-block;vertical-align:middle;margin:0 14px;}
		
		
		
		
		.footer_btm{padding:65px 0 0;}
		
		
		.footer_logo{ text-align:center; width:180px;height:185px; background:rgba(6,74,119,.40);margin:0 auto 49px;padding: 22px 0 0;}
		.footer_logo img{width:138px;}
		
		.footer_form { text-align:center; }
		.footer_form form{ display:inline-block; }
		.footer_form .txt_field{ border: 1px solid rgba(84,84,84,.5); font: 300 16px 'Muli'; color: #fff; background: none; margin-top: 14px; }
		.footer_form input.txt_field{ height: 45px; width: 334px; display: inline-block; vertical-align: top; margin: 0 7px; padding: 0 14px; padding-top: 2px; font-family:'Muli';font-weight:300;}
		.footer_form textarea{ height: 106px; width: 685px; margin: auto; display: block; text-align: left; padding: 14px 14px 0; }
		
		
		.footer_form .txt_field::-webkit-input-placeholder {color:#fff;opacity:1;}
		.footer_form .txt_field::-moz-placeholder {color:#fff;opacity:1;}
		.footer_form .txt_field:-ms-input-placeholder {color:#fff;opacity:1;}
		.footer_form .txt_field:-moz-placeholder {color:#fff;opacity:1;}
		
		
		.footer_form .submit_btn{ background-color: #007ccd ; display: block; border: 0; height: 44px; text-align: center; font: 300 16px/46px 'Muli'; color: #fff; margin: 20px auto 0; width: 137px; }
		.footer_form .submit_btn:hover{ background-color:#fff;color:#007ccd; }
		
		

		.footer_nav{position:relative;height: 127px;background: rgba(20,159,213,.85);text-align: center;z-index:10;}
		.footer_nav ul{display: table;width: 1160px;max-width:100%;margin:0 auto 0;}
		.footer_nav ul li{ display:table-cell; position:relative; text-align: center;}
		.footer_nav ul li:not(:last-child):after{content:url(images/nav_spacer.png);top:48px;right:0;position:absolute;}
		.footer_nav ul li a{display: block;font:300 18px/137px 'Muli';color:#fff;transition: none;padding:0 15px;}
		
		
		.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item > a{text-decoration:underline; }
		
		
		.copyright{ text-align: center; color: #fff; font: 300 20px/120% 'Muli'; padding: 26px 0 61px; }
		.copyright p{ white-space:pre-line; }
		.copyright a{ color:#fff; font-size:16px; }
		.copyright a:hover{text-decoration:underline;}

/**Resources**/
.resources {font-size:14px; margin-top:10px;}
.resources a { display:block;font-weight:bold;}
.resources a:hover {padding-left:1px;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}
.resources ul li:before{content:"";}
.resources ul li:after{content:"";}
.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}

/* IE 8 */
.lt-ie8 .dang-ie{width:100%;height:100%;position:fixed;background-color:#00abdd}
.message{text-align:center;color:#fff;font-size:20px;position:absolute;top:20%;left:0;right:0}
.inner-message{position:relative;top:-20%;left:0;right:0;text-align:center;margin:auto}
.inner-message img{position:relative;left:3em}
.inner-message a.download{display:block;width:300px;padding:10px;color:#fff;margin:2em auto;border:1px solid #fff}
.terms{color:#fff;font-size:13px;padding:20px;position:absolute;right:0;bottom:0}
.terms a{color:#fff;font-weight:700}
.lt-ie8 .protect-me{display:none}

/* Sitemap Style */
.sitemap{padding:0; margin:0 0 22px;}
.sitemap > li{padding:0;  font-size: 18px;}
.sitemap > li:first-child{font-size: 0;}
.sitemap li:before{display: none;}
.sitemap ul{padding:0; margin:-21px 0 0 0;}
.sitemap ul li{padding:0;}
.sitemap ul li:before{display: none;}
.sitemap ul li:nth-child(odd){background: #F2F2F2;}
.sitemap ul li a{line-height: 35px; padding-left: 15px; font-weight: 400; font-size: 14px; display: block;}

/*** COMMENTS STYLE ***/
#comments, #comments-title{padding-top:15px;}

ol.commentlist {border:1px dashed #CCC; width:auto; max-width:100%; margin:0;}
ol.commentlist li {background: url(http://www.alqalamus.org/wp-content/themes/alqalam/images/com_line.jpg) no-repeat left bottom; padding-bottom:25px; margin-bottom:10px; padding-top:15px; margin-left:25px; }
ol.commentlist ul {border-top:1px dashed #CCC; width:100%; margin-top:15px; list-style:none;}
ol.commentlist ul li {border-bottom:1px dashed #CCC;}

.post {margin:35px 0;}
.post {box-shadow: 0 0 4px 0px rgba(10, 100, 255, 1);padding: 20px;}

.comment p {padding:15px 0; line-height:20px;}
.comment-form label { vertical-align:top; width:25%; display:inline-block; }
.comment-form input { padding:4px; width:69%; max-width:100%; }
.comment-form input[type="submit"] { width:25%; }
.comment-form-comment textarea { width:70%; max-width:100%; resize:vertical; }
#respond {width:auto; max-width:100%; border:1px solid #CCC; background:#FFFFE1; padding:15px 20px 0 20px; margin-top:25px;}
.form-submit input {background:#149fd5; border:none; color:#fff; font-weight:bold; padding:7px 12px; cursor:pointer;}