body{margin: 0; padding: 0; background: #66999a; color: #797d7f;}

h1, h2, h3, h4, h5, h6, ul, ol, form{margin: 0; padding: 0;}
ul li{color: #797d7f; margin-bottom: 10px;}
/*----------------------------------
  Margins
----------------------------------*/

.m-b-1 { margin-bottom: -1px; }
.m-0 { margin: 0px !important; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-30 { margin: 20px; }

.m-t-0 { margin-top: 0 !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-7 { margin-top: 7px !important; }
.m-t--12 { margin-top: -12px !important; }
.m-t--8 { margin-top: -8px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px; }
.m-t--25 { margin-top: -25px !important; }
.m-t-29 { margin-top: 29px!important; }
.m-t-30 { margin-top: 30px!important; }
.m-t-35 { margin-top: 35px!important; }
.m-t-40 { margin-top: 40px!important; }
.m-t-50 { margin-top: 50px!important; }

.m-b-0 { margin-bottom: 0 !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px!important; }
.m-b-20 { margin-bottom: 20px; }
.m-b-25 { margin-bottom: 25px!important; }
.m-b-30 { margin-bottom: 30px; }

.m-l-0 { margin-left: 0 !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px; }
.m-l-20 { margin-left: 20px !important; }
.m-l-30 { margin-left: 30px !important; }

.m-r-0 { margin-right: 0 !important; }
.m-r-3 { margin-right: 3px; }
.m-r-5 { margin-right: 5px!important; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px!important; }
.m-r-30 { margin-right: 30px!important; }
.m-r-40 { margin-right: 40px!important; }

/*----------------------------------
  Paddings
----------------------------------*/

.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }


.p-t-0 { padding-top: 0 !important; }
.p-t-5 { padding-top: 5px; }
.p-t-10 { padding-top: 10px!important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px!important; }
.p-t-25 { padding-top: 25px!important; }
.p-t-30 { padding-top: 30px!important; }
.p-t-35 { padding-top: 35px!important; }
.p-t-40 { padding-top: 40px!important; }
.p-t-50 { padding-top: 50px!important; }
.p-t-75 { padding-top: 75px!important; }

.p-b-0 { padding-bottom: 0 !important; }
.p-b-5 { padding-bottom: 5px; }
.p-b-10 { padding-bottom: 10px!important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-50 { padding-bottom: 50px !important; }

.p-l-0 { padding-left: 0; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px; }
.p-l-25 { padding-left: 25px !important; }
.p-l-35 { padding-left: 35px !important; }

.p-r-0 { padding-right: 0; }
.p-r-5 { padding-right: 5px!important; }
.p-r-10 { padding-right: 10px!important; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }

.relative{position: relative;}

.height-500{height: 500px;}

.twitter{background: #3498db;}

.youtube{background: #e74c3c;}

/************* Hand Coded CSS ************/

.top-main{background: url('images/header-bg.jpg') repeat-x center top;}

.top-bar{background: #fff; opacity: 0.3; position: absolute; top: 0; left: 0; width: 100%; height: 35px; z-index: 2;}

.top-content{position: absolute; z-index: 3; left: 0; top: 0; width: 100%;}

.top-social i{background: #cfdbdb; padding: 5px; border-radius: 25px; margin-top: 5px; font-size: 12px; color: #365962;}



.search{margin-top: 80px; z-index: 1; position: relative;}

.search input[type="text"]{    background: none repeat scroll 0 0 #dad9d9; border: medium none; color: #9d9c9c; float: left; font-family: 'Lato',sans-serif; font-weight: bold; padding: 7px; text-transform: uppercase; width: 80%;}

.search input[type="submit"]{width: 20%; border: none; line-height: 35px; position: relative; background: url('images/serch-icon.jpg') no-repeat center 10px #00a79d;}

.search input[type="submit"]:after{}



.dome {position: absolute; left: 182px; top: -1px; z-index: 0;}



.nav-bg{background: #2a3c3f; opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 63px; z-index: 0;}

.navbar{background: none; border: none; font-family: 'Lato', sans-serif; margin-bottom: 0;}

.container-fluid a{color: #fff!important; font-weight: bold; font-size: 16px;}

.navbar-nav > li{background: url('images/nav-sep.jpg') no-repeat right 20px; position: relative; margin-bottom: 0;}

.navbar-nav > li:last-child{background: none;}

.nav > li > a{padding: 22px 19px; transition: all ease 0.5s;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: #00a79d;}



.navbar-nav > li:hover .sub-menu{opacity: 1; height: auto; left: 0;}

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



.navbar .sub-menu{width: 300px; position: absolute; left: -20px; top: 64px; background: rgba(0,167,157,0.9); z-index: 4; margin: 0 1.3%; padding-left: 10px; transition: all ease 0.5s; opacity: 0; height: 0;}

.navbar .sub-menu li{float: left; padding: 0; list-style: none; margin-right: 15px; font-size: 14px; padding: 15px 5px; margin-right: 15px; position: relative; width: 100%; display: none;}

.navbar .sub-menu li a{color: #fff!important; font-weight: normal; padding-left: 5px;}



.navbar .sub-menu li:before{content:'\f105'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 16px; color: #fff; width: 5px;}



nav .current-menu-item > a{background: #00a79d;}

nav .current_page_item > a{background: #00a79d;}

nav .current-menu-parent > a{background: #00a79d;}

nav .current_page_parent > a{background: #00a79d;}

nav .current-menu-parent .current-menu-item > a{background: none!important;}



/************ Start Slider **************/

.slider .item{height: 523px;}

.slider .carousel-control{height: 68px; top: 30%; width: 25px;}

.slider .carousel-caption{left: inherit!important; right: inherit!important; color: #fff; width: 100%; text-align: left; background: url('images/caption-bg.jpg') repeat-y left top #00a79d; padding-bottom: 22px; padding-top: 22px; bottom: 0; position: inherit!important; overflow: hidden;}

.slider .carousel-caption p{color: #fff!important;}

.slider .carousel-caption p a{color: #fff!important;}

.cap-heading{font-size: 36px; font-family: 'Oswald', sans-serif; text-transform: uppercase; line-height: 50px; text-align: right;}

.cap-heading span{font-size: 50px; clear: both; display: block;}
.cap-heading a{color:#fff;}

/************ End Slider **************/



/********** Content Section *********/

.content{background: #fff; padding: 0 94px; float: left; width: 100%;}

.content h2{font-size: 24px; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 20px;}

.content h3{font-size: 18px; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 5px; font-weight: normal; line-height: 25px;}

.content h4{font-size: 22px; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 15px; color: #497176;}

.content h4 a{color: #497176;}

.thumb{margin-bottom: 15px;}



.dark-box{background: #3d434b; color: #fff; padding: 20px; overflow: hidden;}
.dark-box p{color: #CED2D2;/*#a5aaac*/}
.dark-box a{color: #fff; text-decoration: none;}
.dark-box a:hover{text-decoration: underline;}
/*nsherif*/
.darkbox button{font-size:24px!important;}



.btn{border-radius: 0; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 16px;}
.btn:hover{text-decoration: none;}

.media, .media .media{margin-top: 5px;}


.btn-white{color: #111216!important; background: #fff;}

.btn-green{color: #fff!important; background: #00a79d;}

.btn-gray{color: #333333!important; background: #e9e9e9; font-size: 18px;}

.btn-gray:hover{color: #fff!important; background: #00a79d; font-size: 18px;}



.aqsa-case{background: url('images/box-pattren.jpg') repeat left top; padding-top: 15px; padding-bottom: 23px; border-radius: 7px; overflow: hidden; margin-bottom: 10px;}

.aqsa-content{background: #fff; overflow: hidden; float: left; padding: 15px 15px 0 15px; border-radius: 7px;}

.aqsa-content p{font-size: 16px; color: #a5aaac!important;}

.aqsa-content p span{color: #a5aaac!important;}

.aqsa-content a{color: #66999a; text-decoration: none;}

.aqsa-content a:hover{text-decoration: underline;}



.mailing-list{background: #a1c1c1; border-bottom: 4px solid #66999a; padding: 10px;}

.mailing-list h4{font-family: 'Lato', sans-serif; font-size: 30px; text-transform: inherit; font-weight: normal; color: #fff; background: url('images/mailing-icon.png') no-repeat right top; padding-right: 10px;}

.mailing-list p{color: #fff;}

.mailing-list a.btn-green{padding-left: 40px; padding-right: 40px;}



.social-section{background: url('images/social-bg.jpg') repeat-y right top #3d6d83; float: left; width: 100%; padding: 13px 0; }

.social-section i{background: #dfe7ea; padding: 15px; border-radius: 40px; font-size: 16px; margin: 5px; color: #292d2f;}



.pattern{background: url('images/pattern-bg.jpg') repeat-x left top;}

.footer-pattern{background: url('images/pattern-bg.jpg') repeat-x left top; height: 339px; position: relative; margin-top: -330px; z-index: -1;}



/********* Footer *********/

.footer{background: #fff; padding-top: 25px; padding-bottom: 25px; overflow: hidden;}

.footer ul li{list-style: none; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 16px; margin-right: 25px; float: left;}

.footer ul li a{color: #497176}



.footer ul li:not(:first-child) ul li{float: none; font-size: 12px; color: #a5aaac; margin-top: 10px;}

.footer ul li:not(:first-child) ul li a{color: #797d7f;}

.footer ul li:first-child li{float: none;}



.footer h4{font-family: 'Oswald', sans-serif; font-size: 16px; text-transform: uppercase; color: #497176; margin-bottom: 10px;}

.footer p{font-size: 14px; color: #797d7f;}

.subscribe input[type="email"], .subscribe input[type="text"], .subscribe select{background: #dad9d9; color: #9d9c9c; text-transform: uppercase; border: none; padding: 7px; font-weight: bold; font-family: 'Lato', sans-serif; margin-bottom: 10px;}

.subscribe select{margin-right: 5px;}



#newsletter input[type="email"], #newsletter input[type="text"], #newsletter select{background: #dad9d9; color: #9d9c9c; text-transform: uppercase; border: none; padding: 7px; font-weight: bold; font-family: 'Lato', sans-serif; clear: both; width: 100%; margin-bottom: 10px;}



.audio-tab{display: none;}
.audio-tab p{ color:#CED2D2;font-size:18px;} /*by nsherif*/

.btn-tab button{font-size:24; font-weight:bold;}
.btn-tab.active{background: #99b8b9;}
.btn-tab.active{background: #99b8b9;}



.video-tab{display: none;}
.video-tab{font-size:16px;}
.video-tab p{ color:#CED2D2; font-size:18px;} /*by nsherif*/

.copyrite{color: #fff; font-size: 12px;}
.copyrite a{color: #497176;}



.breadcrumb{background: #3d434b; color: #fff; margin-top: 15px; border-radius: 0; line-height: 54px; padding-top: 0; padding-bottom: 0;}
.breadcrumb a{color: #fff;}

.breadcrumb a:hover{color: #fff;}



/************** Listings Page ***************/

.listing-main{background: url('images/box-pattren.jpg') repeat left top; padding: 30px; border-radius: 7px; margin-top: 40px;}

.listing{background: #fff; border: 1px solid #c5cbd5; padding: 25px; overflow: hidden; margin-bottom: 23px;}

.listing p{color: #000; font-size: 17px; line-height:24px;}
/*686868*/


.dropdown h3{color: #111216; background: url('images/dropdown-hd-bg.jpg') repeat-x left top #c2c2c2; line-height: 34px; padding-left: 15px; border: 2px solid #121517; padding-right: 15px; cursor: pointer;}

.dropdown h3 i{float: right; margin-top: 7px;}

.dropdown > ul{background: #fff; display: none;}

/*.dropdown .children li a{padding-left: 30px;}*/
.dropdown .children > li a:before{content:'\f068'; font-family: 'FontAwesome'; padding-right: 10px; padding-left: 10px; font-size: 10px;}
.dropdown .children .children > li a:before{content:'\f068  \f068';}
.dropdown .children .children .children > li a:before{content:'\f068  \f068  \f068';}

.dropdown .current-cat > a{background: #f1f1f1;}

.dropdown ul li{color: #888888; list-style: none; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: normal; margin-bottom: 0;}

.dropdown ul li a{color: #888888; padding: 10px 15px; display: block;}

.dropdown ul li a:hover{background: #f1f1f1; text-decoration: none;}



.wp-pagenavi{background: #00a79d; text-align: center; color: #fff; line-height: 21px; border-radius: 0; margin-top: 15px; width: 100%; float: left; padding: 10px;}

.wp-pagenavi a{color: #fff; border: none;}

.wp-pagenavi a, .wp-pagenavi span{border: none;}



.wp-pagenavi a, .wp-pagenavi span{float: left;}



/********** Listing Detail ************/

.date-sec{background: #ededed; line-height: 50px; width: 100%; float: left; border-bottom: 1px solid #b5bccd; border-left: 1px solid #b5bccd; border-right: 1px solid #b5bccd;}

.date-sec i{color: #b7b7b7;}



.islamic-date{color: #4d4d4d;}

.islamic-date i{color: #0eaca2;}



.eng-date{color: #4d4d4d;}

.eng-date i{color: #b7b7b7;}



#sharefbseo{display: none;}



.biography .social .ssba div{text-align: right!important;}



.all-videos{height: 380px; overflow-y: scroll;}



.all-videos .videos{float: left; margin-right: 10px; margin-bottom: 10px;}



/****** Select Language ******/

  .language{position: relative; text-align: right; }

  #lang_sel{position: absolute; right: 40px; top: 6px; width: 50px; font-family: 'Oswald', sans-serif!important; left: inherit;}

  #lang_sel a.lang_sel_sel{background-color: inherit!important; border: none; color: #fff; width: 67px;}

  #lang_sel a.lang_sel_sel:hover{color: #fff;}



  #lang_sel ul ul{border: none;}

  #lang_sel ul ul a, #lang_sel_click ul ul a:visited{background: #363636!important; color: #fff!important; border: none; text-align: center; padding: 5px; display: block;}

  #lang_sel li{width: 71px;}

  #lang_sel li li{margin-top: -3px!important; font-family: 'Oswald', sans-serif;}

/****** End Language ******/



/******* Home Tabs ***********/

.social-tab li{display: inline; background: #215e9a; color: #fff; float: left; margin-right: 3px; list-style: none;}

.social-tab li a{color: #fff; padding: 10px 15px; float: left;}

.tab-con li{display: block; list-style: none; margin-top: 10px; float: left; width: 100%; display: none;}

/******** End Home Tabs******/



@media (max-width:1200px){

  .res{width: 100%;}

  .height-500{height: auto;}

}



@media (max-width:1024px){

  .content{padding: 0 10px;}

}



@media (max-width:990px){

  #lang_sel{right: -3px;}

}



@media (max-width:768px){

.res-p-l-0{padding-left: 0;}

.dome{width: 100%; height: auto; bottom: 0; top: inherit; left: 0;}

.logo{z-index: 5;}



.p-res{padding: 0;}

}



@media (max-width:769px){

  .content{float: none;}

  #lang_sel{right: 35px!important;}

  .clearfix-res{clear: both;}

  

  /* Nav */

  .navbar li{clear: both; width: 100%;}

  .navbar .sub-menu{display: block; position: inherit!important; top: 0;}

  .navbar .sub-menu li{width: 100%; margin-left: 20px; clear: both;}

}



@media (max-width:640px){

  .footer >div > ul > li{margin: 15px;}

  .related p{display: none;}

}



/***************** Form CSS *******************/



.wpcf7-form{color:#000; font-size:14px;}

.wpcf7-form input[type="text"]{height:30px; margin:5px 0 5px 0; width:100%;}

.wpcf7-form input[type="email"]{height:30px; margin:5px 0 5px 0; width:100%;}

.wpcf7-form select{height:30px; margin:5px 0 5px 0; width:100%;}

.wpcf7-form textarea{margin:5px 0 5px 0; width:100%;}

.wpcf7-form .wpcf7-submit{border:none; color:#000; height:30px; width:100px!important;}

.wpcf7-form .wpcf7-submit:hover{cursor:pointer;}

.wpcf7-form .wpcf7-not-valid-tip-no-ajax{ font-size:10px; margin-top:-10px; float:right;}

span.wpcf7-form-control-wrap{width: 100%; margin-bottom: 10px;}

span.wpcf7-not-valid-tip{font-size: 10px;}

div.wpcf7-response-output{margin: 0; padding: 0; font-size: 11px; color: red;}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng{border: none;}



/***************** End Form CSS **************/



.g-plusone{margin-top: 5px!important; float: left!important;}



.backtop{position: fixed; right: 50px; bottom: 50px; padding: 20px; background: #eee; z-index: 1; font-family: 'Oswald', sans-serif; opacity: 0; transition: all ease 0.5s;}

.backtop.active{opacity: 1;}



.email-friend{padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 3; display: none;}

.email-friend .form-control{margin-bottom: 10px;}

.email-friend .close{position: absolute; right: 0; top: 0; z-index: 4; padding: 10px; color: #000; font-size: 15px;}