/*Home--Page--Start*/
.dropdown-text{ padding:4px 10px 10px 10px; max-height:500px;overflow:hidden;}
div.menu1{ width:450px;right: 0;}
div.menu2{ width:780px;right: 0;}
div.menu3{ width:250px;right: 0;}
.menu-right{ width:245px; border-left: solid 1px #ccc; padding:0 0 0 10px;}
.menu-right h6 img{ box-shadow: -1px 1px 6px #666666;}
.menu-right h2{ color:#003663; padding:5px 0 10px 0; font-size:35px; line-height:35px;}
div.menu-right p a{ color:#003663; font-size:24px;line-height:30px;}
div.menu-left p a{ color:#003663; font-size:24px;line-height:30px;}
div.menu-left{ width:175px;}
.menu-col{ width:175px; border-right: solid 1px #ccc; padding:0 10px 0 0;}
div.menu-col p b{ font-size:24px;color:#000000; line-height:26px; }
div.menu-col p a{ font-size:18px;color:#003663; line-height:18px; }
.menu-col h5 img{ width:100%;}
.menu-col1{ border:0px;}
.menu-col2 h5 img{box-shadow: -1px 1px 6px #666666; width:100%;}
.menu-col2 { width:233px;}
.menu-col3 h2{color:#003663; padding:0px 0 10px 0; font-size:36px; line-height:36px;}
div.menu-col3 p a{ color:#003663; font-size:24px; line-height:24px;}
.slide-bottom-text{ background:url(../images/slide-text-bg.png) repeat; position: absolute; z-index:2; bottom:0px; width:100%}
.bottom-text{padding:12px;}
.slide-text1 p{ color:#fff; font-size:20px; line-height:24px;}
.slide-text1{ border-right: solid 1px #fff; padding:0 15px 0 0 ;}
.slide-text2 h1{ font-size:39px; line-height:42px; margin:0px; padding:0px; color:#fff; font-weight:normal;}
.started{ background:#000; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:7px 10px; font-size:14px;}
.started a{ color:#00BEF2;}
.started  span{font-size: 11px; color:#00BEF2;}
.add{ background:url(../images/header-bg.png) repeat; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc; padding:10px 0;}
.add .aad-right p{ color:#003562; font-size:48px; padding:0px; margin:0px;}
.content-center h1 { color:#003562; font-size:36px; margin:0px; padding:10px 0px; font-weight:normal;}
.content-box{ padding:3px; margin:0 0 20px 0;}
.box{ position:relative; margin:1px; overflow:hidden;}
.box h6 img{ width:100%;}
.box-text{ position:absolute;background:url(../images/content-bg.png) repeat; width:100%; padding:5px; left:0px;  transition-property: background, bottom, opacity;
transition-duration: 0.2s;transition-timing-function: linear;bottom:-74px; min-height: 116px;}
.box:hover .box-text{ bottom:-40px;}

.box-text h2 a{ color:#fff; font-weight:normal; font-size: 19px; line-height: 19px;min-height:38px; max-height: 38px; display: block}
.box-text h2 a:hover{text-decoration: none;}
.box-text  span { color:#00BBED; float:left;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.box-text  b { color:#949494; float:right; font-weight:normal; font-size:12px; font-family: "Trebuchet MS", Helvetica, sans-serif}
.box-text p{ color:#B6B6B6; font-size:16px; line-height:14px; padding:4px 0 8px 0; }
.box:hover p{ display:block;}
.content-links{border-radius:7px; padding:8px; margin:0 0 35px 0;}
.content-links p a{ color:#FFFFFF; font-size:18px; background:#1A1A1A; padding:8px 5px; margin:0 0 8px 0; display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content-links p a:hover{ text-decoration:none; color:#00BBED;}
.content-links  h6{ text-align:left; padding:0 20px;}
.content-links  h6 a{ text-align:left; font-size:18px; display:inline-table; font-weight:normal;}
.content-links  h6 a:hover{ text-decoration:none; color: #FFCC00;}
.content-row1{ background:url(../images/bottom-bg.jpg) repeat-x; background-color:#0C0C0C; padding:25px 0 10px 0; margin:0 0 30px 0;}
.content-row1 .wrapper{ background:url(../images/icon3.png) no-repeat right top; position:relative;}
.box-img img{ position:absolute; left:-120px; top:-70px;}
.slide1{ margin:0 0 0 155px;}

.righttitle{ font-size:47px; color:#fff; padding:10px 0 0 0;}
.blog-row{ padding:0 0 25px 0;}
.blog-row h2{ color:#003562; font-size:28px; padding:0px; line-height:38px margin:0px; font-weight:normal;}
.blog-row h1{ color:#003562; font-size:36px; line-height:52px; padding:0px 0px 0 0; margin:0px; font-weight:normal;}
.blog-row h1 a{ color:#003562; }
.blog-row h1 a:hover{ color:#000; text-decoration:none; }
.blog-row h3{ color:#003562; font-size:22px; padding:0px; margin:0px; font-weight:normal;}
.blog-row h4{ font-family:Arial, Helvetica, sans-serif; color:#7C7C7C; font-size:13px; padding:8px 0; margin:0px; font-weight:normal;}
.blog-row p{ color:#7C7C7C; font-size:21px; padding:0px; margin:0px;}
.content-bottom h1{color:#003562; font-size:36px; font-weight:normal; margin:0px; padding:0;}
.content-bottom{ padding:0 0 10px 0;}

.sidebar h1{ font-size:36px; font-weight:normal; margin:0px; padding:0px; font-family:Simplified Arabic;}
.link-box h2{font-size:24px; font-weight:normal; margin:0px; padding:0px;  font-family:Simplified Arabic;}
.link-box p{ color:#005A7E;font-size:18px; font-weight:normal; margin:0px; padding:0px; font-family:Simplified Arabic;}
.link-box p a{ color:#005A7E; display:block; }
.link-box p a:hover{ color:#000; text-decoration:none;display:block; }
.link-box { border-bottom: solid 1px #ccc; padding:0 0 10px 0; margin: 0 0 10px 0;}
.link-box h3{color:#005A7E; font-size:28px; font-weight:normal; margin:0px; padding:0px;}
.link-box h3 a{color:#005A7E;}
.link-box h3 a:hover{color:#000; text-decoration:none;}
.link-box1 p{color:#005A7E;font-size:13px; font-family:Simplified Arabic;font-weight:normal; margin:0px; padding:0px 0 5px 0; }
.link-box1 p a{color:#005A7E;}
.link-box1 p a:hover{color:#000; text-decoration:none;}
.title h1{ color:#363636; font-size:36px; font-weight:normal; margin:20px 0 15px 0; padding:0px; line-height:36px;}
.box01{ /*background:url(../images/blue-bg.png) repeat;*/ padding:12px; margin:0 0 0 0;}
.box01 h2{ color:#fff; font-size:30px; font-weight:normal; margin:-8px 0 0 0px; padding:0px 0 10px 0; text-align:left }
.box02{ background:url(../images/body-bg-light.png) repeat; padding:0px; position:relative; z-index:1; margin: 0 -80px -34px 0px; box-shadow: 0 0 3px #669CB1;}
.box03{/*background:url(../images/blue-bg1.png) repeat-y left;*/border-radius:8px;}
.nomber{ color:#fff; width:48px; font-size:24px; text-align:center; font-family:Arial, Helvetica, sans-serif; }
.box03-text h3{ color:#005A7E; font-family:Simplified Arabic; font-weight:normal;   margin:0px; padding:0px; text-align:right;}
.box03-text{ width:97%; padding:1%}
.hide01{ display:none;}
.slide1 h6{ display:none;}
.slide1 .list_carousel li:hover h6{ display:block;}
.slide3 h5{ display:none;}
.slide3 .list_carousel li:hover h5{ display:block;}
.box03-text p{ font-size:16px; margin:0px; padding:0px 0 5px 0; font-family:Simplified Arabic; font-weight:normal; }
.box03-text span{ font-size:12px; padding-right:15px;}
.box-bottom h6{ padding:45px 10px 0 0 ;}
.social-text{ background-color:#F5F5F5; border-radius:7px; padding:8px; border: solid 1px #D3D3D3; width:66%;   box-shadow: 0 0 2px #999999;}
.icon2 p{ font-size:12px; color:#333; padding:5px 0 0 0;}
.icon2 p a{ font-size:12px; color:#333;}
.social-text h4{ font-size: 22px;padding:10px 0  0 10px}
.share-link h2{font-family: arial;background:url(../images/blue-bg1.png) repeat; color:#fff; margin:0 0 10px 0; font-size:18px; display:block; padding:5px 10px; font-weight:normal;}
.share-link { padding:65px 0 0 0;}
.space{ height:20px;}
.itembox {background: url(../images/body-bg-light.png) repeat;padding: 0px;position: relative;z-index: 1;margin: 0 -60px 12px 17px;box-shadow: 0 0 3px #669CB1;}
.itembox h3{ color:#005A7E;  font-weight:normal; font-family:Simplified Arabic;margin:0px; padding:0px; font-size:22px; text-align:right;}
.itembox p{ font-size:16px; margin:0px; padding:0px 0 5px 0;font-family:Simplified Arabic;}
.itembox1 { padding:12px;}
div.share-link1{ padding:20px 0 0 0;}
.itembox1 .nomber{background: url("../images/blue-bg1.png") repeat scroll left center rgba(0, 0, 0, 0); color:#fff; width:80px; text-align:center; padding:0px 10px; float:left; margin:-12px 0  0 -12px;line-height: 35px;}
.itembox1 p span{ display:block; text-align:left; padding:7px 0 0 ; font-size:12px;}
.btn1{ background:url(../images/btn-bg.png) repeat; color:#fff; font-size:40px; padding:7px 0px; display:block; width:100%; border:0px; margin:0 0px 0 0;}
.submitbtn{ padding:15px 0 15px 0;}
.btn1:hover{ background:#000; cursor:pointer;}
.search-page h1{ font-size:60px; font-weight:normal; margin:0px; padding:0px; font-family:Simplified Arabic; }
.btn2{ background:url(../images/btn-bg.png) repeat; color:#fff; font-size:28px; padding:0 15px; text-align:center; border:0px; margin:0 0px 0 0;}
.btn2:hover{ background: #efefef;color: black;text-decoration: initial;cursor: pointer;}
.search-right h6 { background-color:#fff; border: solid 1px #ccc; overflow:hidden;}
.in11{ background:none; border:0px; color:#C1C1C1; font-size:18px; padding:3px 10px; width:400px;  font-family:Simplified Arabic; line-height:18px;}
.search-right h6 a{ padding:5px 5px;}
.search-right label{ font-family:Simplified Arabic;  display:block; text-align: right; color:#6F6F6F; font-size:24px; font-weight:normal; padding:0 0 10px 0;}
.search-left{ padding:0 10px 0 0;}
.search-left  .btn2{ width:158px;}
.spacetop{ padding: 15px 0 20px 0;}
.contact-form h1{font-size:32px; font-weight:normal; margin:0 0 15px; padding:0px;}
.contact-row .r{ float:right;}
.contact-row .l{ float:left;}
.contact-row .label label { color: #6F6F6F;font-size: 20px;font-weight: normal;display: block;padding: 9px 0 0 0;text-align: right;font-family: Simplified Arabic;line-height: 29px;}
.contact-row{ max-width:700px; margin:auto; padding:0 0 20px 0;}
.contact-row .label{ padding:0px; margin:0px;}
.login-footer{ height:70px; border-top: solid 1px #ccc;}
.home{ padding:14px 0 0 0;}
.wrapper1{ max-width:870px; margin:auto; padding:0 10px;}
.login h1{font-family:Simplified Arabic;  font-size:60px; font-weight:normal; margin:0px; padding:25px 0 25px  0px;}
.login-row label{ float:right; width:180px; color:#7C7C7C; font-size:36px; padding:5px 0 0 0; font-family:Simplified Arabic; }
.login-row .in2{ border: solid 1px #CCCCCC; width:56%; border-radius:7px ; background-color:#fff; padding:19px 10px; box-shadow: 0 0 12px #CCCCCC inset; font-size:20px;}
.login-row{ padding:0 0 25px 0;}
.btn3{ border:0px; background:url(../images/btn2.png) repeat-x; border-radius:7px; color:#fff; height:88px; padding:0px 10px; font-size:52px; line-height:52px; text-align:center; display:block; width:56%;font-family:Simplified Arabic; }
.btn3:hover{ background-position: center bottom; cursor:pointer;}
.s1{ background:url(../images/s1.png) no-repeat; height:25px; float:left; width:25px;}
.s2{ background:url(../images/s2.png) no-repeat; height:25px; float:left; width:25px;}
.s3{ background:url(../images/s3.png) no-repeat; height:25px; float:left; width:25px;}
.s4{ background:url(../images/s4.png) no-repeat; height:25px; float:left; width:25px;}
.s5{ background:url(../images/s5.png) no-repeat; height:25px; float:left; width:25px;}
.footer-social h6 a:hover{ background-position: center bottom!important;}
.footer-social h6 a{ margin:0 16px 0 0;}
.header-top{ padding:12px 0;}
.in3{ border:0px; background:none;font-size:36px; font-weight:normal;  padding:1px 25px;width:450px;height:66px; line-height:36px;font-family:Simplified Arabic; margin:0 0 0 -44px;} 
.selectbox{position:relative;margin:0 0 0 10px; border:0px; border-right: solid 1px #D0D0D0;overflow:hidden; border-radius:5px; background:url(../images/select-bg.jpg) left no-repeat; background-color:#eee;}
.select-in{ background: url(../images/arrow3.png) no-repeat left top; overflow:hidden; background-color: #FFFFFF; border: 1px solid #CCCCCC;}
.select-in select{ background:none; border:0px; margin:0 0 0 -25px; width:110%; height: 44px;}

.star{ padding:0 0 0 10px;}
.searchin{border: solid 1px #CCCCCC; border-radius:7px ; margin:15px 0; background-color:#fff; padding:8px 10px; box-shadow: 0 0 12px #CCCCCC inset; font-size:20px;}
.search11{ border:0px; background:none; color:#ABABAB; font-size:36px; width:93%;}
.mail-row{ background:url(../images/left-go.png) 12px center no-repeat; border-bottom: solid 1px #ccc; background-color:#fff; padding:12px 10px;}
.search-mail{ border-bottom: solid 1px #ccc;}
.mail-date{ color:#0076A3; font-size:18px; font-family:Trebuchet MS; padding:18px 0 0 50px; text-align:left;}
.mail-date span{ font-size:14px;}
.mail-star{font-size:18px; font-family:Trebuchet MS;  padding:0px 0 0 50px; text-align:left;}
.mail-star1{ text-align:right; padding:20px 15px 0 0;}
.mail-text p{ font-size:36px; line-height:35px; font-family:Simplified Arabic; }
.mail-star span{ padding:0 10px 0 0px;}
.yellow-row{ background-color:#FFFCDA;}
.gray-row{ background-color:#E9E9E9;}
.stop1{ padding:6px 0 0 ;}
.star1{ padding:6px 0  0 20px ;}
.login-detail h1{ color:#0071BB; font-family:Simplified Arabic;font-size:70px; line-height:63px; margin:0px; padding:20px 0 0 0px; font-weight:normal;}
.login-detail h2{ font-family:Simplified Arabic;color:#949494; font-size:30px; margin:0px; padding:0px; font-weight:normal;}
.login-detail p{ color:#949494; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px 0 15px 0; font-weight:normal;}
.login-detail p a{ color:#949494; } 
.login-footer1{ border-top: solid 1px #ccc;}
.login-disc p{ color:#7C7C7C; font-family:Simplified Arabic;font-size:36px; padding:0px; margin:0px; line-height:40px;}
.loginbtn{ text-align: center;  max-width:920px; margin:auto; padding:20px 10px 0 10px;}
.loginbtn .btn3{ text-align: center; width:auto; display:inline; width:470px;}
.login-replay .login-row {    padding: 0 0 16px;}
.login-replay{ padding:15px 0 0 0;}
.login-replay .login-row .in2{ width:78%;}
.carousel-caption p{ color:#fff;}

.social a{ height:30px; width:34px; float:left; display:block; margin-right:5px;}
.social .f1{ background:url(../images/soical1.png) no-repeat center top;}
.social .f2{ background:url(../images/soical2.png) no-repeat center top;}
.social .f3{ background:url(../images/soical3.png) no-repeat center top;}
.social .f4{ background:url(../images/soical4.png) no-repeat center top;}
.social a:hover{ background-position: center bottom;}
.hikmattext{ position:absolute; left:0px; background: url("../images/header-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); z-index:9; min-height:50px;}
.add .wrapper{ position:relative;}
.box .hover-slide{ position:absolute; background:#000; height:100%; width:100%; 
opacity: .2;-o-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition: -webkit-transform 1s;-webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;}
.box:hover .hover-slide{opacity: 1;-o-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition: -webkit-transform 1s;cursor: pointer;z-index: 10;opacity: 0;}.footer-social span{ line-height:26px;}



.css-checkbox {display:none;}
.css-checkbox + label.css-label {padding-left:56px;height:56px; display:inline-block;line-height:15px;background-repeat:no-repeat;background-position: 0 0;font-size:15px;vertical-align:middle;cursor:pointer;}
.css-checkbox:checked + label.css-label {background-position: 0 -56px;}
.css-label{background:url(../images/check-box.png) no-repeat;}
.select-arrow{ position:absolute; left:0px;}
.select-arrow{ height:100%; border-radius: 5px 0 0 5px;}
.select001{ position:relative;}
.select-arrow1{ position:absolute; left:0px; margin:1px 0 0 1px;}
.select-in{ position:relative;}
.play-pause{ text-align:center; opacity:0; position:relative; z-index:1; padding:10px 0 0 0; margin: 0 0px 0 -13px;}
.play-pause img{  position: inherit;}
.play-pause a{ margin:0 5px; }
.box-img:hover .play-pause{ opacity:9;}
.itembox1 h6{ color:#005A7E; font-size:14px; font-weight:normal; text-align:left; font-family:Simplified Arabic; padding:0 0 0 80px;}
.link-left p{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#005A7E; padding:0 0 8px 0;}
.link-left p span{ font-size:10px;}
.link-left { width:49%;}
.link-left1{  width:49%;}
.link-left1 p{ color:#005A7E; font-size:14px; font-family:Simplified Arabic; padding-bottom:7px;}
.link-left1 p span{ padding:0 5px;}
.link-left1  p a{ color:#005A7E; font-size:14px;}
.border-right p{padding:0 0 5px 0; }
.border-right { border-left: solid 1px #ccc; padding-left:0px;}
.links12{ border-bottom: solid 1px #ccc; margin:0 0 15px 0;}
.bg-left{ /*background:url(../images/border-bg1.png) left repeat-y;*/ margin:20px 0 0 0;}
.title h2{ font-size:29px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:10px 0 0 5px;}
.title h2 span{ font-family:Simplified Arabic;}
.bg-left .box01{/*background:url(../images/border-bg2.png) left repeat-y;*/  }
.bg-left .box02{ }
.h02{ display:none;}
.pagination .next_link {background: url(../images/btn-bg.png) repeat;color: #fff;font-size: 24px;padding: 7px 0px;display: block;width: 200px;border: 0px;margin: 0 auto 0;}
.pagination { text-align: center !important; width: 100%;}
#header-persistant{	background: url(../images/header-bg.png) repeat;	border-bottom: solid 1px #ccc;	display: none;	top: 0px;	left: 0px;	width: 100%;	z-index: 999;}

.fb-share-button span,
.fb-share-button iframe {
    width: 120px! important;
    height: 25px! important;
}

.quran-click{text-decoration: none !important; color: lightgray !important ; text-align: center; line-height: 33px; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.quran-click:hover{text-decoration: none !important;}

.content-image-block{  margin-bottom: 20px;}
.quran-click {color: #fff !important;font-size: 22px;line-height: 98px;font-weight: normal;text-align: center;}
.quran-date{position: absolute;bottom: 0;display: block;font-size: 14px;}
.quran-li{position: relative;}
.main-category-title{font-size: 36px !important;}
div.link-box h3 a {white-space: nowrap;width: 100%;text-overflow: ellipsis;overflow: hidden;display: block;font-size: 23px;padding-right: 4px;}

div.box > h6 > a > img {height: 183px;}