* {margin:0;padding:0}
body {background:url(images-frontend/topheader-bg.jpg) repeat-x #FFF; font-family:Arial; color:#000; font-size:13px; text-align:left; line-height:18px;}
.warper{/*width:980px;*/margin:0 auto;}
.left {float:left;}
.right {float:right;}
a {text-decoration:none;}
ul li {list-style:none}
.clear {clear:both;}
p{color:#333333; margin-bottom:5px; letter-spacing: 0.2px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height: 21px;  text-align: justify;}
a img
{
  border:none;
}
.newwarper{/*width:961px;*/ margin:0 auto;}
.topheader{/*width:985px;*/ margin:0 auto;}
.logoarea{/*width:985px;*/ margin:0 auto; float:left;}
.newlogo{float:left; margin-top: 17px;}
.sign{float:right;}

/****nav*****/
.newnavigation {background:url(images-frontend/nav-bar.png) no-repeat; /*width:985px;*/ height:43px;  margin:8px auto 0 auto; font-weight:bold; float:left;background-position: center;}
.newnavigation ul {list-style:none;margin-left: 42px;}
.newnavigation ul li {float:left; padding-left: 10px;  padding-right: 0; font-family:arial;}
.newnavigation ul li a {color:#000; font-weight:bold; font-size:13px; display: block; padding:5px; letter-spacing: 0.8px; height:30px;}
.newnavigation ul li a:hover {background:url(images-frontend/nav-hover.png) repeat-x; font-weight:bold; text-decoration:none; color:#fff;}
.selected{background:url(images-frontend/nav-hover.png) no-repeat; color:#FFF; font-weight:bold; display: block;}
.newnavigation ul li:first-child {padding-left:0px; border:none;}
.newnavigation ul li:last-child a {padding-right:0px; background:none;}
.newnavigation ul li:last-child a:hover {padding-right:0px; background:none; color:#fff;}

.bannerarea{background:url(images-frontend/pattern3.jpg) repeat;     text-align: center;  height: 96%;  margin-top: 27px;  width: 100%;}
.banner{    text-align: center;  /*height: 338px;*/  margin-top: 31px;  width: 100%;}
.latestinbilad{float:left;   width: 100%;}
.bilad{ float:left; margin-top:30px;}
img {
max-width:100%;
height:auto;
}
/*.bilad:last-child{margin-right: 0px;}*/
.bilad h1{color: #FFFFFF; font-size: 14px; margin-left: 8px;      margin-top: -25px; position: absolute; font-family:arial;}
.pattern{background:url(images-frontend/pattern2.png) repeat-x #e4e8cb; height:33px; float:left; width:100%;}
.pattern-inner{background: url("images-frontend/pattern2.png") repeat-x scroll 0 -10px #E4E8CB !important; height:33px; float:left; width:100%;}
.card-inner2 {
    background: url(images-frontend/pattern2-new.png) repeat-x scroll #77b1ae !important;
    height: 40px;
    float: left;
    width: 100%;
    position: relative;
    background-size: 46px!important;
}
.img-card-header {
   background-image:url(images-frontend/logo-n1.png;)
}
.largeboxcard {
    background: #eaf5f4;
    border: #eaf5f4 solid 1px;
    width: 100%;
    padding: 0px;
    margin-bottom: 30px;    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.header-card {
background-color:#77b1ae;
}
.contentsection{background:#e4e8cb; float: left;  width: 100%;}
.conleft{ /*width:630px;*/ float:left; margin-top: 30px;}
.largebox{background:#FFF; border:#CCC solid 1px;  width: 100%; padding:20px; margin-bottom: 30px;}
.conleft h1{ 
	background:url(images-frontend/heading-icon.png) no-repeat;
	border-bottom: 1px solid #E0E0E0;
    color: #912812;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 18px;
    text-transform: uppercase;
	padding-left: 40px;
}
.largebox img{float: left;  margin-right: 20px;
    height: 15px;
    width: 21px;
}
.conleft a{ text-decoration:underline; color:#C00;}
.conleft a:hover{text-decoration:none;}

.latestnewsbox{background:#FFF; border:#CCC solid 1px; width:260px; padding:20px; margin-bottom: 30px; margin-right: 25px; float:left;}
.latestnewsbox img{float: left;  margin-right: 20px;}


.conright{float:right; margin-top:30px;}
.conright h1{ 
	background:url(images-frontend/heading-icon.png) no-repeat;
	border-bottom: 1px solid #E0E0E0;
    color: #912812;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 18px;
    text-transform: uppercase;
	padding-left: 40px;
}
.calendarbox{background:#FFF; border:#CCC solid 1px; width:260px; padding:20px; margin-bottom: 30px;}
.meeqatbutton{background:#8E1206;  color: #FFFFFF;  font-size: 12px;  font-size: 10px;
    padding: 6px 5px;
    position: relative;
    top: 0px;}

.latestresourse{clear:both;}
.latestresourse h2{ background:#900; color: #FFFFFF;  font-size: 19px;  margin-left: 1px;  width: 190px; padding:10px !important; font-family: Georgia,"Times New Roman",Times,serif;}
.resource{background:#FFF; border:#CCC solid 1px; padding: 30px 20px; margin-bottom: 30px; float:left;}

.book{width:286px; float:left; margin-right:20px;}
.book h3{color:#912812;  font-size: 14px; font-weight:bold; font-family: Georgia,"Times New Roman",Times,serif;}
.book p{ text-align:left;}
.book img{ float:left; margin-right: 15px;}
.book a{ text-decoration:underline; color:#C00;}
.book a:hover{text-decoration:none;}

.datebg{background:url(images-frontend/date-bg.jpg) repeat-x; float:left; height:70px; width:66px; margin-right:12px; font-size: 20px; text-align: center; color:#FFF; line-height: 30px;}
.h-125 { height:125px;}

/******footer******/
.footer {height:286px; background:url(images-frontend/new-footer-bg.jpg) repeat-x; float:left; width:100%;}
.card-inner3{    height: 50px;
    background: url(images-frontend/footer-new.png) repeat-x #eaf5f4;
    float: left;
    width: 100%;
    background-size: 68px;border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;}
.footersection{/*width:305px;*/ font-size: 14px; color:#FFF; border-right:#5e5e5e solid 1px; float:left; margin-top: 42px;}
.footersection span{color:#f4c300;}
.footersection span a{color:#f4c300; text-decoration:underline;}
.footersection span a:hover{color:#fff; text-decoration:none;}

.footersection2{/*width:398px;*/ margin-top: 42px; font-size: 14px; color:#FFF; border-right:#5e5e5e solid 1px; float:left; text-align:center;}
.footersection3{margin-top: 42px; font-size: 14px; color:#FFF; text-align:right; float:left; width:250px;}

.footerlinks{}
.footerlinks ul li{float:left; margin-right:14px; line-height: 24px;}
.footerlinks ul li a{font-size:14px; font-family:arial; color:#FFF; text-decoration:underline;}
.footerlinks ul li a:hover{text-decoration:none;}

.footer p{color:#424242; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 20px;}
.email{color:#fff; text-decoration:underline;}
.email:hover{color:#fff; text-decoration:none;}
.copyright{ color: #FFFFFF;  float: right; font-size: 12px;  margin-top: 5px;  text-align: right;}























/*******header*****/
.topbg{background:url(images-frontend/red-bar.jpg) repeat-x; width:100%; height:63px;}
.slogan{color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; text-transform:uppercase;
padding: 20px 0 0 20px; width: 785px;}
.slogan2{color: #FFFFFF; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: normal; padding: 10px 0 0 20px;  
text-transform: uppercase;  width: 785px;}
.login{padding: 15px 0 0;}
.logo {background:url(images-frontend/logo.png) left no-repeat; width:148px; height:149px; margin: -52px 0 0 424px;  position: absolute;}
.divider{background:url(images-frontend/divider.png) left no-repeat; height:22px; margin-top:42px;}


/****nav*****/
.navigation {background:url(images-frontend/nav-bg.png) no-repeat; width:100%;  margin-top: 6px; font-weight:bold;}
.navigation ul {list-style:none;margin-left: 42px;}
.navigation ul li {float:left; margin-top: 5px; padding-left: 15px;  padding-right: 0; font-family:Georgia, "Times New Roman", Times, serif;}
.navigation ul li a {color:#cd0002; font-weight:normal; display: block; padding:5px; letter-spacing: 0.8px; font-size:16px; text-transform: uppercase;}
.navigation ul li a:hover {font-weight:normal; text-decoration:none; color:#000;}
.selected{color:#FFF; font-weight:bold; display: block; background:#003f9e; -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px;}
.navigation ul li:first-child {padding-left:0px; border:none;}
.navigation ul li:last-child {padding-right:0px;}

/****slider*****/
.slider{margin-left: 32px; margin-top: 7px;}
.message{font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight:normal; text-transform:uppercase; color:#292929; padding: 20px 0 0; text-align: center;}
.message a{background:#b10405; color:#FFF; font-size:20px; font-weight:normal; text-transform:uppercase;  padding:7px 24px; line-height: 35px;}
.message a:hover{ background:#000; }


#slideshow {
    /*background: url("images/ajaxLoader.gif") no-repeat scroll center center transparent;*/
    height: 307px;
    overflow: hidden;
    position: relative;
	z-index:1;
	top: 15px;
	left: 15px;
}
#slideshow IMG {
    left: 0;
    opacity: 0;
    position: absolute;
    /*top: 15px;*/
    z-index: 8;
}
#slideshow IMG.active {
    opacity: 1;
    z-index: 10;
}
#slideshow IMG.last-active {
    z-index: 9;
}


/****Boxes*****/
.boxes{float:left; margin-bottom:20px; margin-top:25px;}
.box1{margin-left: 28px; margin-right: 40px; width: 286px;}
.box1 p{color:#333333; margin-bottom:5px; letter-spacing: 0.5px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height: 21px;  text-align: justify;}
.box1 h1{font-size: 17px; margin-bottom: 12px; letter-spacing: 0.5px;}
.box2{margin-right:30px; width:380px;}
.box2 h1{font-size: 17px; margin-bottom: 12px; letter-spacing: 0.5px;}
.box2 h2{padding-bottom:5px !important; }
.box2 h2 a{color:#3e750b; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold;  text-transform:uppercase; 
text-decoration:none!important; letter-spacing: 0.5px; }
.box2 img{-moz-box-shadow: 0 2px 2px #888888; -webkit-box-shadow: 0 2px 2px #888888; box-shadow: 0 2px 2px #888888; border: 5px solid #FFFFFF; 
float:left; margin-right: 10px;}
.box2 p{color:#333333; margin-bottom:5px; letter-spacing: 0.5px; font-family:Arial,Helvetica,sans-serif; font-size:14px;}
.box2 span{color:#929497; font-size:11px; font-weight:bold; letter-spacing: 0.5px;}

.news{margin-top:15px; width:380px;}
.box3{width: 205px;}
.box3 h1{font-size: 17px; margin-bottom: 12px; letter-spacing: 0.5px;}
.box3 h3 {font-family: Georgia,"Times New Roman",Times,serif; font-size:14px; color:#242323;}
.box3 p{color:#333333;}
.box3 ul li{ background:#f9f9f9; background:url("images-frontend/arrow.jpg") no-repeat scroll 0 21px transparent; height:50px; border-bottom:#CCC dashed 1px;
padding: 15px 0 0 30px;}

.localattraction h1{font-size: 17px; letter-spacing: 0.5px; margin-bottom: 12px; margin-left: 0px; padding-top: 16px;}


.content{}
.content h1{margin: 30px 0 15px;}
.leftcol h1{}
.rightcol{width:745px; float:left; margin-top: 20px; margin-bottom: 30px;}
.rightcol h2{padding-bottom:0px;}
.announce{clear: both;  padding-bottom: 25px; margin-top: 25px;  border-bottom: 1px solid #ebeaea; padding:15px; background:#f5f2f2;}
.announce h3{color: #3E750B; font-family: Georgia,"Times New Roman",Times,serif;  font-size: 18px;  font-weight: normal;  margin-bottom: 15px;}
.announce img{float:left; margin-right: 15px;}
.announce p{color:#333333; margin-bottom:5px; letter-spacing: 0.5px; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height: 21px;}
.announce a{color:#CC0102; text-decoration:underline;}
.announce a:hover{color:#CC0102; text-decoration:none;}
.pagination{margin: 20px 0 0 !important;}

.meeqat li {margin: 15px 0 0;}
.meeqat li:hover{}
.meeqat li a{color: #000000; background: url("images-frontend/red-arrow.png") no-repeat scroll 10px 10px #ffca3c; font-size: 16px;  margin-bottom: 10px;  
padding: 6px 6px 6px 25px; text-decoration:none !important;}
.meeqat li a:hover{ color:#FFF; background: url("images-frontend/red-arrow.png") no-repeat scroll 10px 10px #86cc21;}
.meeqat li span{ color:#CC0102; font-size: 13px;}
.requiredcss{ color:#F00;}

.leftcol{width:200px margin-top: 40px; float:right; margin-top: 40px; margin-bottom: 20px;}
.sidebox{width:195px;}
.sidebox h1{ background:#670304; color: #fff5d9; font-family: Georgia,"Times New Roman",Times,serif;  font-size: 16px;  font-weight: normal; padding: 8px;}
.sidecontent{background:url(images-frontend/sidebox-bg.jpg) repeat-x #ce2a2a;}
.sidecontent h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif;  font-size: 14px;  font-weight: normal; text-decoration:none; padding:0px;}

.rightcol2{width:745px; float:left; margin-bottom: 30px; margin-right: 30px;}
.rightcol2 h2{padding-bottom:0px;}
.leftcol2{width:200px  float:right; margin-bottom: 20px;}
.leftcol2 h1{font-family: Georgia,"Times New Roman",Times,serif;  font-size: 16px;  font-weight: normal; margin: 0 0 15px;}



/*
.footer {height:70px; background:url(images-frontend/footer-bg.jpg) repeat-x; float:left; width:100%; padding-top: 20px;}
.footer p{color:#424242; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 20px;}
.footer h1{line-height: 30px; font-size: 21px;}
.footer h2{font-size:17px; font-weight:normal; padding-bottom:5px;}
.footer span{color:#ff8813;}
.footer img{margin: 25px 0 0; float:left;}
.footerul{}
.footerul li{color: #4E4C4C;  float: left;  margin-right: 20px;}
.footerul li a{color: #4E4C4C;}
.footerul li a:hover{ text-decoration:underline;}

*/

h1{ color:#cc0102; font-family:Georgia, "Times New Roman", Times, serif;  font-size:24px;  font-weight: normal; text-transform: uppercase;}
/*#registration{background:url(images-frontend/form-shadow.png) no-repeat;  min-height: 375px;  padding: 15px 15px 15px 25px;  width: 840px; height:auto;}*/
#registration h2 {font-family:Arial, Helvetica, sans-serif; font-size:17px; text-transform:uppercase; font-weight:normal; text-decoration:underline;
padding-bottom:15px; color:#000;}
#registration table{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444343;}
input{background:#FFF; border:#c8c8c8 solid 1px; padding-left: 5px;
}
input[type=submit]{background:#990102; color:#FFF; text-decoration:none;   padding: 4px 13px; text-decoration:none; text-transform:uppercase; width:auto; 
height:auto; cursor:pointer; font-size: 15px;}
input[type=submit]:hover{ background:#000;}
.dropdown-menu {
    background-color: #8e1206!important;
}
#registration-info{padding: 15px 15px 15px 25px;  width: 840px; height:auto;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:17px; text-transform:uppercase; font-weight:normal; text-decoration:none;
padding-bottom:15px; color:#912812;}
#registration-info table{ background:#f3f3f3; border:#e5e5e5 solid 1px;}
#registration-info table th{ background:#930203; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; text-align:left; padding-left:10px;}
#registration-info table td{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444343;}

.logintitle{color: #FFF5D9;	font-family: Georgia,"Times New Roman",Times,serif;	font-size: 16px; font-weight: normal;}
.loginlink{ color:#333; text-decoration:underline;}
.loginlink:hover{text-decoration:none; color:#990102;}

.bullets{margin-left: 3px;  margin-top: 15px;}
.bullets li{ background:url("images-frontend/bullet-arrow.jpg") no-repeat scroll 0 11px transparent; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; line-height: 26px; padding-left: 13px; margin-bottom: 10px; color: #3E750B;}

.bulletsK{margin-left: 3px;  margin-top: 8px;}
.bulletsK li{ background:url("images-frontend/bullet-arrow.jpg") no-repeat scroll 0 4px transparent; font-family: Georgia,"Times New Roman",Times,serif; font-size: 13px;  padding-left: 13px;  color: #3E750B;}

.download{background: none repeat scroll 0 0 #f5f2f2;  margin-bottom: 15px;  padding: 10px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:#eee solid 1px;}
.download h2 {
    color: #336405;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
     margin: 0 !important;
    padding: 0;
    text-transform: none;
	font-weight:bold;
}
.download h2 span{font-size: 14px; font-weight: normal;}
.download ul{margin-top: 10px;}
.download li{background:  url("images-frontend/sound-icon.png") no-repeat scroll 0 -3px #FFCA3C; font-family: Georgia,"Times New Roman",Times,serif; font-size: 15px; line-height: 37px; padding-left: 49px; background-color:#FFCA3C; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 10px; cursor:pointer;}
.download li:hover{background-color:#86cc21; cursor:pointer;}
.contentul {
    margin: 1em 0 1em 1em;
    padding-left: 0.3em;
}
.contentul li {
    line-height: 1.4em;
    margin: 0 0 0.3em 1em;
    color: #444444;
	list-style-type:disc!important;
}
.rightcol2 h2 {
    color: #3E750B;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 17px;
    font-weight: normal;
    text-transform: uppercase;
	margin: 30px 0 15px;
}
/*css for calendar*/
.canlaner_new td {
    width: 38px;
    text-align: center;
    display: table-cell;
    padding-left: 7px;
}
.canlaner_new td table tr td {
    width: 38px;
    text-align: center;
    display: table-cell;
    padding-left: 7px;
}
.Miqaat_Kalam table tr
  {
   border: 1px solid #fff;
    }
table .Miqaat_events
{ 
    margin-top:15px; 
    margin-bottom:15px
    }
    table .Miqaat_events td
{ 
       background: url("images-frontend/bullet-arrow.jpg") no-repeat scroll 0 4px transparent;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    padding-left: 13px;

    }
  @media (max-width: 767px){
.bilad h1 {
    color: #FFFFFF;
    font-size: 12px;
    margin-left: 8px;
    margin-top: -19px;
    position: absolute;
    font-family: arial;
}}
    @media (min-width: 768px){
.navbar-expand-md .navbar-collapse {
 
    margin: auto;
}
 .mr80{
     margin-left: 80px !important;
    }
       .mbm40 {
            margin-bottom: -40px!important;
        }

    }