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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, 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;
}

/** Generated by FG **/
@font-face{
          font-family:"ElMessiri-Regular";
          /*src:url("http://www.myfontfree.com/data/535/b/bahij-myriad-arabic/Bahij Myriad Arabic-Regular.ttf");*/
          src: local('☺'),url('../fonts/ElMessiri-Regular.ttf') format('truetype');
          font-weight:normal;
	      font-style:normal;
}
 

/*@font-face {
	font-family: 'ae_Dimnah';
	src: url('../fonts/ae_Dimnah.eot');
	src: local('☺'),url('../fonts/ae_Dimnah.ttf') format('truetype'), url('../fonts/ae_Dimnah.woff') format('woff'),  url('../fonts/ae_Dimnah.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


body{background:#fff; color:#5c5c5c; font-size:16px; line-height:20px;}
a{color:#5c5c5c; text-decoration:none; outline:none;}
a:hover, a:focus{color:#bbb; text-decoration:none; outline:none;}
img{max-width:100%;}
.clear{clear:both;}
*{font-family: 'ElMessiri-Regular';}

/*
violet: #29235c
*/

/** alertWrapper **/
.alertWrapper{position:relative; background:#630e69; text-align:center; z-index:10;}
.alertWrapper .fa-close{position:absolute; right:0; top:8px; font-size:26px;margin-left:20px;}
.alertWrapper .alert-box{position:relative; text-align:center; color:#fff; font-size:18px; padding:8px;line-height:26px}
.alertWrapper .alert-box a{background:#fff; font-size:18px; color:#29235c; display:inline-block; margin-right:10px; border-radius:3px; padding:3px 5px;}
.alertWrapper .alert-box i{cursor:pointer;}

.alert-title{color:#29235c; text-align:center; font-size:18px; padding-bottom:20px;}
.alert-text{color:#000; padding:20px 0; font-size:15px; line-height:22px;}

/** TopWrapper **/
.topWrapper{position:relative; background:#fff; border-bottom:2px solid #f5f5f5; z-index:9;}
.topWrapper .top-menu{position:relative;color:#646464;text-align:left;}
.topWrapper .top-menu ul{position:relative; padding:8px 0;}
.topWrapper .top-menu ul li{display:inline-block;}
.topWrapper .top-menu ul li a{padding-left:15px; margin-left:15px; border-left:1px solid #5c6163; display:block; line-height:12px;color:#646464;}
.topWrapper .top-menu ul li:last-child a{border:none;}

.topWrapper .top-text{position:relative;color:#646464;text-align:right;line-height:24px;padding:10px 20px 10px 0;font-size:20px;}/*font-weight:600;letter-spacing:1px;*/
.topWrapper .top-text span{color:#811b88;font-size:20px;}
.top-text{position:relative;color:#841a89;text-align:right;line-height:24px;padding:10px;font-size:24px;}/*font-weight:600;letter-spacing:1px;*/
.topWrapper .top-social{position:relative;}
.topWrapper .top-social ul{position:relative; padding:8px 0; float:left;}
.topWrapper .top-social ul li{display:inline-block;}
.topWrapper .top-social ul li a{padding-left:10px; margin-left:10px; border-left:1px solid #646464; display:block; line-height:12px;color:#646464;}
.topWrapper .top-social ul li:last-child a{border:none;}

/** logoWrapper **/
.logoWrapper{position:relative; width:100%;padding-top:10px;height:150px;background:#fff; z-index:8;}  /*background:#fff url(../images/logo.png)no-repeat center*/
.logoWrapper .contactInfo{padding-top:30px;}
.crcl{border:1px solid #b6b6b6;border-radius:50%;padding:10px;text-align:center;}
.logoWrapper .contactInfo i{font-size:24px;color:#630e69;}
.logoWrapper .contactInfo .mail{font-size:14px;color:#b6b6b6;text-align:right;}
/** aboutWrapper **/
/*
blue:#2daae1;
green:#96c11f;
red:#e30613;
orange:#e94e1b;
*/
.aboutWrapper{position:relative; background:#fff; padding:0px !important;margin:0px !important;color:#fff;}
.aboutWrapper a{color:#fff;}
.aboutWrapper .box1-container{text-align:center; background:url(../images/box1-bg.png) no-repeat; min-height:180px; font-size:24px; line-height:80px;margin:0px !important;padding:0 !important;}
.aboutWrapper .box1-container a{display:block; color:#fff;}
.aboutWrapper .box1-container .box1-hover{text-align:center;min-height:180px;background-image:url('/images/02.png');opacity:0.8;}/*#831489 background:#630e69;*/
.aboutWrapper .box1-container .box1-hover img{padding-top:50px;margin-right:40px;}
.aboutWrapper .box1-container .box1-hover p{padding-top:40px;}
.aboutWrapper .box1-container .box1-hover:hover{background-image:url('/images/01.png');opacity:1;}

.aboutWrapper .box2-container{text-align:center; background:#fff url(../images/box2-bg.png) no-repeat bottom right; min-height:180px;font-size:24px; line-height:80px;margin:0px !important;padding:0 !important;}
.aboutWrapper .box2-container a{display:block; color:#fff;}
.aboutWrapper .box2-container .box2-hover{text-align:center; background-image:url('/images/02.png');opacity:0.8;min-height:180px;}
.aboutWrapper .box2-container .box2-hover:hover{background-image:url('/images/01.png');opacity:1;}
.aboutWrapper .box2-container .box2-hover img{padding-top:60px;margin-right:40px;}
.aboutWrapper .box2-container .box2-hover p{padding-top:40px;}

.aboutWrapper .box3-container{text-align:center; background:#fff url(../images/box3-bg.png) no-repeat bottom right; min-height:180px;font-size:24px;line-height:80px;margin:0px !important;padding:0 !important;}
.aboutWrapper .box3-container a{display:block; color:#fff;}
.aboutWrapper .box3-container .box3-hover{text-align:center;min-height:180px;background-image:url('/images/02.png');opacity:0.8;}
.aboutWrapper .box3-container .box3-hover:hover{background-image:url('/images/01.png');opacity:1;}
.aboutWrapper .box3-container .box3-hover img{padding-top:50px;margin-right:40px;}
.aboutWrapper .box3-container .box3-hover p{padding-top:40px;}

.aboutWrapper .about-image{position:relative; margin:20px 0;}
.aboutWrapper .about-info{position:relative; margin:20px 0;}
.aboutWrapper .about-info .about-title{position:relative; color:#29235c; font-size:24px; padding-bottom:15px;}
.aboutWrapper .about-info .about-title:after{position:absolute; width:150px; height:2px; background:#96c11f; right:0; bottom:0px; content:'';}
.aboutWrapper .about-info .about-text{color:#495052; font-size:14px; line-height:28px; padding:10px 0; text-align:justify;}
.aboutWrapper .about-info .about-more{color:#fff; background:#29235c; font-size:18px; display:inline-block; padding:10px 15px; border-radius:5px; margin:10px 0;}

.adv{min-height:280px;max-height:280px;}
.adv img{max-height:280px;width:100%;min-height:280px}

/*sliderWrapper*/
.jssorb21 {	position: absolute;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {	position: absolute;	width: 19px; height: 19px; text-align: center; line-height: 19px; color: white; font-size: 12px; background: url(../images/b21.png) no-repeat; overflow: hidden; cursor: pointer;}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssora21l, .jssora21r {display: block; position: absolute; width: 50px;	height: 50px; cursor: pointer; background:#841a89; text-align:center; line-height:50px; font-size:35px; overflow: hidden;}
.jssora21l:hover, .jssora21r:hover  { background:#630e69; }
.jssora21l.jssora21ldn, .jssora21r.jssora21rdn { background:#630e69;}


/*newsWrapper*/
.newsWrapper{position:relative;background-color:#fff;min-height:300px;margin-top:30px;padding:20px 0;}/*background:url(../images/news-bg.jpg) no-repeat top center / auto 100%*/
.newsWrapper .big-title{position:relative; text-align:right; color:#5c5c5c; font-size:24px; padding:20px 0;margin-right:20px;}
.newsWrapper .big-title span{position:relative;}
.newsWrapper .big-title span:after{position:absolute; width:60px; height:2px; background:#630e69; right:0px; bottom:-10px; content:'';white-space:nowrap;}


.newsWrapper .news-box{position:relative; margin:40px 0;}
.newsWrapper .news-box .image{position:relative;}
.newsWrapper .news-box .image img{position:relative; width:100%; max-height:160px; height:160px; border-radius:5px 5px 0 0;}
.newsWrapper .news-box .title{position:relative; color:#841a89; font-size:18px; background:#fff; padding:10px; display:block; text-align:right;}
.newsWrapper .news-box .title:hover{background:#fafafa;}
.newsWrapper .news-box .text{position:relative;line-height:20px; background:#fff; padding:10px; display:block; text-align:justify; border-radius:0 0 5px 5px;}
.newsWrapper .news-1 .text{background:#fff; min-height: 80px;}
.newsWrapper .news-2 .text{background:#96c11f; min-height: 80px;}
.newsWrapper .news-3 .text{background:#e94e1b; min-height: 80px;}
.newsWrapper .news-4 .text{background:#e30613; min-height: 80px;}
.newsWrapper .news-box .date{position:absolute; top:10px; left:10px; color:#fff; font-size:14px; background:#841a89; padding:10px; display:block; text-align:center; border-radius:5px;}

.newsWrapper .all-news{position:relative; text-align:center;}
.newsWrapper .all-news a{color:#fff; background:#841a89; font-size:18px; display:inline-block; padding:10px 15px; border-radius:5px; margin:10px 0;}

/*articles and Law*/
.articlesWrapper{position:relative;background-color:#fafafa;min-height:350px;margin-top:30px;padding:10px 0;}
.articlesWrapper .big-title{position:relative; text-align:right; color:#5c5c5c; font-size:24px; padding:20px 0;margin-right:20px;}
.articlesWrapper .big-title span{position:relative;}
.articlesWrapper .article:after{content: '';height: 75%; width: 1px;position: absolute;left: 0;top: 25%;background-color: #841a89;}
.articlesWrapper .big-title span:after{position:absolute; width:80px; height:2px; background:#630e69; right:0px; bottom:-10px; content:'';white-space:nowrap;}
.articlesWrapper .articles-box{position:relative; margin:20px 0 10px 0;}
.articlesWrapper .articles-box .image{position:relative;}
.articlesWrapper .articles-box .image img{position:relative; width:100%; max-height:100px; height:100px; border-radius:5px 5px 0 0;}
.articlesWrapper .articles-box .title{position:relative; color:#841a89; font-size:18px; background:#fafafa; padding:0px; display:block; text-align:right;}
.articlesWrapper .articles-box .title:hover{background:#fafafa;}
.articlesWrapper .articles-box .text{position:relative;line-height:20px; background:#fafafa;min-height: 30px; padding:10px; display:block; text-align:justify; border-radius:0 0 5px 5px;}
.all-articles{position:relative; text-align:center;bottom:0;}
.all-articles a{color:#fff; background:#841a89; font-size:18px; display:inline-block; padding:10px 15px; border-radius:5px; margin:10px 0;}
.articlesWrapper  i{margin-left:10px;color:#841a89;}
.articlesWrapper .articles-box .date{color:#841a89; font-size:14px;display:block; text-align:left;}
.articlesWrapper .Laws-box{padding-right:10px;min-height:60px;}
.articlesWrapper .Laws-box .title{position:relative; color:#841a89; font-size:18px; background:#fafafa; padding:10px 0 0 0; display:block; text-align:right;}
.articlesWrapper .Laws-box .title:after{position:absolute; width:80%; height:1px; background:#ededed;right:0px; bottom:-20px; content:'';white-space:nowrap;}
/*.articlesWrapper .Laws-box .title:hover{text-decoration:underline;}*/

/*cuisine*/
.CuisinesWrapper{position:relative;background-color:#841a89;min-height:250px;margin-top:0px !important;padding:10px 0;}
.Bigtitle{margin-right:20%;padding-top:50px;font-size:36px;color:#fff;line-height:40px;}
.Smalltitle{margin-right:20%;font-size:24px;color:#fff;line-height:25px;}
.cuisimg{padding-top:30px;width:60%;text-align:center;margin-bottom:20px;}
.Stitle{font-size:20px;color:#fff;line-height:25px;}

/*pageWrapper*/
.pageWrapper{position:relative; background:#fff; min-height:300px; padding:0 0 20px 0;}
.pageWrapper .big-title{position:relative; background:#630e69; text-align:center; color:#fff; font-size:20px; line-height:30px; padding:10px 0;}
.pageWrapper .news-box{position:relative; padding:30px 0; border-bottom:1px solid #ededed;}
.pageWrapper .news-box .image{position:relative;}
.pageWrapper .news-box .image img{position:relative; width:100%; height:auto; border-radius:5px;}
.pageWrapper .news-box .info{position:relative;}
.pageWrapper .news-box .info .title{position:relative; color:#646464; font-size:20px; padding-bottom:15px; display:block;}
.pageWrapper .news-box .info .title:hover{color:#555;}
.pageWrapper .news-box .info .title:after{position:absolute; width:150px; height:2px; background:#630e69; right:0; bottom:0px; content:'';}
.pageWrapper .news-box .info .text{line-height:28px; padding:15px 0; text-align:justify;}
.pageWrapper .news-box .info .more{color:#fff; background:#841a89; font-size:14px; display:inline-block; padding:5px 10px; border-radius:5px; margin:6px 0 0 0;}
.pageWrapper .pagination{float:left;}
.pageWrapper .pagination li{}
.pageWrapper .pagination li a{color:#841a89;}
.pageWrapper .pagination li.active a{color:#fff; background:#841a89;}
.pageWrapper  i{margin-left:10px;color:#841a89;}


/*innerWrapper*/
.innerWrapper{position:relative; background:#fff; min-height:300px; padding:0 0 20px 0;}
.innerWrapper .big-title{position:relative; background:#630e69; text-align:center; color:#fff; font-size:20px; line-height:30px; padding:10px 0; margin-bottom:30px;}
.innerWrapper .news-box{position:relative; padding:30px 0;}
.innerWrapper .news-box  .more{color:#fff; background:#841a89; font-size:14px; display:inline-block; padding:5px 10px; border-radius:5px; margin:6px 0 0 0;}
.innerWrapper .news-box .image{position:relative; text-align:center; margin-left:15px; margin-bottom:10px;}
.innerWrapper .news-box .articleimage{position:relative; text-align:center; margin-left:15px; margin-bottom:10px;}
.innerWrapper .news-box .articleimage img{position:relative; text-align:center; height:auto; border-radius:5px;max-height:120px;}
.innerWrapper .news-box .image img{position:relative; text-align:center; height:auto; border-radius:5px;}
.innerWrapper .news-box .text{color:#495052; font-size:14px; line-height:28px; text-align:justify; margin:25px;}
.innerWrapper .news-box  a{color:#495052; font-size:14px; line-height:28px; text-align:justify;}
.innerWrapper .news-box .subTitle{color:#29235c; font-size:18px; line-height:40px; text-align:justify;}
.innerWrapper .news-box .subTitle a{color:#29235c; font-size:18px; line-height:40px; text-align:justify;}
.innerWrapper .news-box .title {color:#646464; font-size:18px; line-height:40px; text-align:center; margin-bottom:30px;}
.innerWrapper .news-box .titleAlbum {color:#fff; font-size:18px;background-color:#841a89;line-height:30px; text-align:center; margin-bottom:30px;width:100%;}
.innerWrapper .news-box .gray {background-color: #dedede; height:30px; vertical-align:middle; padding-right:30px;}
.search{color:gray;}
.input{color:gray;}
.innerWrapper .news-box .subTitle2 a{color:#29235c; font-size:15px; line-height:30px; text-align:left; background-color: #f0f0f0; padding:5px 10px; border-radius:5px}
.innerWrapper .news-box .subTitle2 a:hover{color:#495052; }
.innerWrapper .news-box .subTitle3{color:#841a89; font-size:18px; line-height:40px; text-align:center;}
.innerWrapper .news-box .subTitle4{color:#841a89; font-size:16px; text-align:center; margin-top:25px; vertical-align:top;}
.lightgray{background-color:#96c11f; margin:10px; border-radius:5px; padding:10px;}
.innerWrapper .lightgray .title{color:white; font-size:18px; }
.innerWrapper .lightgray .normal{color:white; font-size:14px; }
.innerWrapper .lightgray img{vertical-align:middle; margin:10px 5px;}
.innerWrapper .dblue{margin:20px 0px; background-color:#f4b9f7;border-radius:5px; padding:10px;}
.innerWrapper .dblue .title{color:#630e69; font-size:18px; line-height:40px; }
.innerWrapper .dblue .title2{color:#841a89; font-size:16px; line-height:40px; }
.innerWrapper .dblue .text{color:#646464; font-size:14px; line-height:30px; }
.innerWrapper .news-box .red{color:red; font-size:18px; line-height:40px;}
.innerWrapper .news-box .bg-red {text-align:center; background:#e30613; min-height:50px; padding-top:5px; border-radius:5px; font-size:20px; border-bottom:3px solid #ad040e; margin:20px 0; color:white;}
.innerWrapper .news-box .bg-red a{color:white; font-size:20px; margin-right:25px;}
/*border:1px solid #96c11f;*/
.innerWrapper .graymember{background-color: #b8b5ac; min-height:80px; border-radius:5px; margin:10px; padding:10px;}
.innerWrapper .graymember img{margin-top:10px; border-radius:5px; background-color: #cad4e0; text-align:center;}
.innerWrapper .graymember .text{padding-right:0px !important; margin-right: 0px !important;}
.innerWrapper i{margin-left:10px;color:#841a89;}
.bgviolet{background-color:#ededed; border-radius:5px; margin:10px 0px; padding:10px;}

/*list user*/
#listuser{
    margin:5px;
     background-color: #ededed;
     }

#listuser ul{
    list-style: none;
    padding: 10px;
    background-color: #ededed;
    width: 100%;
    border-radius: 5px;
 }

#listuser ul li > div{
    display: inline-block;
    background-color: #ededed;
}

#listuser ul li {
   display: block;
    background-color: #ededed;
}

#listuser ul li > div img{
    margin-left: 20px;
}
#listuser ul li .title{
 font-size: 18px;
    color: #29235c;
    text-align:right;
    text-indent: 0pt;
    line-height: 10mm;
    font-weight:bold;
    clear:both;
}
/*#listuser ul li>.normal {
    font-size: 14px;
    color: #29235c;
    text-align:right;
    font-family: Droid Arabic Kufi, Verdana;
    text-indent: 0pt;
    line-height: 10mm;
    font-weight:normal;
    clear:both;
 }*/

/*mediaWrapper*/
.mediaWrapper{position:relative;background-color:#fff;min-height:250px;margin-top:30px;padding:10px 0;}
.mediaWrapper .big-title{position:relative; text-align:right; color:#5c5c5c; font-size:24px; padding:20px 0;margin-right:20px;}
.mediaWrapper .big-title span{position:relative;}
.mediaWrapper .big-title:after{position:absolute; width:70px; height:2px; background:#630e69; right:0; bottom:-10px; content:'';white-space:nowrap;}
.mediaWrapper .videoWrapper .video iframe{width:100%; height:265px; margin:20px 0;}

.mediaWrapper .galleryWrapper .big-title{position:relative; text-align:right; color:#5c5c5c; font-size:24px; padding:20px 0;margin-right:20px;}
.mediaWrapper .galleryWrapper .big-title span{position:relative;}
.mediaWrapper .galleryWrapper .big-title:after{position:absolute; width:100px; height:2px; background:#630e69; right:0; bottom:-10px; content:'';white-space:nowrap;}
.mediaWrapper .galleryWrapper .gallery-box{position:relative; max-height:130px; margin:20px 0;}
.mediaWrapper .galleryWrapper .gallery-box a{position:relative; border:1px solid #841a89; display:block;}
.mediaWrapper .galleryWrapper .gallery-box a img{width:100%; height:130px;}
.mediaWrapper .galleryWrapper .gallery-box a i{position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; line-height:110px; color:#fff; opacity:0; font-size:30px; background:#841a89; transition:all 0.5s;}
.mediaWrapper .galleryWrapper .gallery-box a:hover i{opacity:0.7;}

.mediaWrapper2 .galleryWrapper .gallery-box{position:relative; max-height:120px; margin:20px 0;}
.mediaWrapper2 .galleryWrapper .gallery-box a{position:relative; border:1px solid #841a89; display:block;}
.mediaWrapper2 .galleryWrapper .gallery-box a img{width:100%; height:120px;}
.mediaWrapper2 .galleryWrapper .gallery-box a i{position:absolute; width:100%; height:100%; top:0; left:-10px; text-align:center; line-height:110px; color:#fff; opacity:0; font-size:30px; background:#841a89; transition:all 0.5s;}
.mediaWrapper2 .galleryWrapper .gallery-box a:hover i{opacity:0.7;}

.violet{background:#841a89;padding:10px;color:#fff;font-size:18px;text-align:center;line-height:25px}

.violet:hover{background:#630e69;cursor:pointer;}
.violet i{margin-left:10px;font-size:16px;}
/*footerWrapper*/
.footerWrapper{position:relative; background:url(../images/bgfooter.png) repeat; padding:20px 0;}
.footerWrapper .footerAbout{font-size:16px;text-align:justify;line-height:30px;}
.footerWrapper .all-About{position:relative; text-align:left;}
.footerWrapper .all-About a{color:#fff; background:#841a89; font-size:18px; display:inline-block; padding:5px 10px; border-radius:5px; margin:10px 0;}

.footerWrapper .footer-links{position:relative;}
.footerWrapper .footer-links img{padding-top:20px;}
.footerWrapper .footer-links .title{position:relative; color:#841a89; font-size:15px; padding:20px 0;}
.footerWrapper .footer-links ul{position:relative;}
.footerWrapper .footer-links ul li{position:relative; float:right;}
.footerWrapper .footer-links ul li:nth-child(odd){min-width:130px;}
.footerWrapper .footer-links ul li a{position:relative; color:#959595; font-size:15px; line-height:20px; padding:5px 5px 5px 0; display:inline-block;}
.footerWrapper .footer-links ul li a:hover{color:#96c11f;}
.footerWrapper .footer-links ul li i{color:#96c11f;}

.footerWrapper .footer-newsletter{position:relative;}
.footerWrapper .footer-newsletter .title{position:relative; color:#841a89; font-size:18px; padding:20px 0;}
.footerWrapper .footer-newsletter .newsletter-box{position:relative; padding:10px 0;}
.footerWrapper .footer-newsletter .footerDDL{width:90%;border:1px solid #841a89;height:30px;}
.footerWrapper .footer-newsletter .newsletter-box .inputTxt{font-size:14px; padding:3px 10px; height:30px; line-height:30px;border:1px solid #841a89;width:90%;}
.footerWrapper .footer-newsletter .newsletter-box a{position:relative; width:35px; height:31px; text-align:center; line-height:30px; display:inline-block; background:#29235c; color:#fff;}
.footerWrapper .footer-newsletter .newsletter-box .footerbtn{font-size:14px; padding:5px 10px; height:30px;color:#fff;line-height:20px;background:#841a89;width:90%;border:0;}
.footerbtn2{font-size:14px; padding:5px 10px; height:30px;color:#fff;line-height:20px;background:#841a89;width:60px;border:0;border-radius:10px;}

.footerWrapper .footer-social{position:relative; padding:5px 0 5px 0;}
.footerWrapper .footer-social ul{position:relative; padding:5px 0;}
.footerWrapper .footer-social ul li{display:inline-block; margin-left:10px;}
.footerWrapper .footer-social ul li a{width:40px; height:40px; display:block; text-align:center; line-height:40px; font-size:25px; color:#fff;}
.footerWrapper .footer-social ul li a.facebook{background:#3b589e;}
.footerWrapper .footer-social ul li a.twitter{background:#00aced;}
.footerWrapper .footer-social ul li a.google{background:#dc4a38;}


.footerWrapper .footer-contact{position:relative;}
.footerWrapper .footer-contact .title{position:relative; color:#841a89; font-size:18px; padding:20px 0;}
.footerWrapper .footer-contact .phone{color:#959595; font-size:14px; direction:ltr; text-align:right; padding:5px 0; display:inline-block;}
.footerWrapper .footer-contact .phone i{color:#841a89; font-size:16px; float:right; margin-left:10px;}
.footerWrapper .footer-contact .email a{color:#959595; font-size:14px; padding:5px 0; display:inline-block;}
.footerWrapper .footer-contact .email a:hover{color:#841a89;}
.footerWrapper .footer-contact .email a i{color:#841a89; font-size:16px; margin-left:10px;}
.footerWrapper .footer-contact .map{padding-top:10px;}
.footerWrapper .footer-contact .map iframe{width:100%; height:80px;}
.footerWrapper .footer-contact .location{background:#841a89;padding:0;height:40px;}
.footerWrapper .footer-contact .location span {color:#fff; font-size:13px;font-weight:normal;padding:0px; display:inline-block;}
.footerWrapper .footer-contact .location i{float:right; display:inline-block; color:#fff; font-size:20px; background:#630e69; width:40px; height:40px; line-height:40px; text-align:center;margin-left:10px;padding:0 !important;}

.footerWrapper2{position:relative; padding:20px 0;}
.footerWrapper2 .footer-contact{position:relative;}
.footerWrapper2 .footer-contact .title{position:relative; color:#841a89; font-size:18px; padding:20px 0;}
.footerWrapper2 .footer-contact .phone{color:#959595; font-size:14px; direction:ltr; text-align:right; padding:5px 0; display:inline-block;}
.footerWrapper2 .footer-contact .phone i{color:#841a89; font-size:16px; float:right; margin-left:10px;}
.footerWrapper2 .footer-contact .email a{color:#959595; font-size:14px; padding:5px 0; display:inline-block;}
.footerWrapper2 .footer-contact .email a:hover{color:#841a89;}
.footerWrapper2 .footer-contact .email a i{color:#841a89; font-size:16px; margin-left:10px;}
.footerWrapper2 .footer-contact .map{padding-top:10px;}
.footerWrapper2 .footer-contact .map iframe{width:100%; height:200px;}
.footerWrapper2 .footer-contact .location{background:#841a89;padding:0;height:40px;}
.footerWrapper2 .footer-contact .location span {color:#fff; font-size:13px;font-weight:normal;padding:0px; display:inline-block;}
.footerWrapper2 .footer-contact .location i{float:right; display:inline-block; color:#fff; font-size:20px; background:#630e69; width:40px; height:39px; line-height:40px; text-align:center;margin-left:10px;padding:0 !important;}


.footerWrapper .footer-facebook-plugin{position:relative; padding:20px 0;}

.copyright{position:relative; background:#841a89; color:#fff; font-size:15px; text-align:center; padding:5px 0;}
.copyright a{color:#fff;}
@media screen and (min-width:769px){
	.mainMenu{position:relative; background:#841a89;  z-index:7;}
	.mainMenu .top-menu-container{position:relative; padding:0;}
	.mainMenu .top-menu-container .navbar{position:relative; background:none; border:0; margin:0;}
	.mainMenu .top-menu-container .navbar .navbar-header{display:none; }
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li{position:relative; transition:all 0.5s;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li:after{position:absolute; top:30px; left:-5px; content:""; width:7px; height:7px; border-radius:10%; display:block; background:#fff;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li:last-child:after{display:none;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > a{color:#fff; font-size:18px; padding:20px; background:none;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > .active, .mainMenu .top-menu-container .navbar-default .navbar-nav > li:hover, .mainMenu .top-menu-container .navbar-default .navbar-nav > li:focus{background:#630e69; color:#fff;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > .active > a, .mainMenu .top-menu-container .navbar-default .navbar-nav > li:hover > a, .mainMenu .top-menu-container .navbar-default .navbar-nav > li:focus > a{color:#fff;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > .open > a, .mainMenu .top-menu-container .navbar-default .navbar-nav > .open > a:hover, .mainMenu .top-menu-container .navbar-default .navbar-nav > .open > a:focus{color:#630e69; background:none;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul{position:absolute; width:160px; top:50px; right:0; background:#fff; display:none;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li:hover > ul{display:block;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li{position:relative;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li:after{position:absolute; top:15px; right:5px; content:""; width:10px; height:10px; border-radius:50%; display:block; background:#841a89;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li > a{color:#630e69; font-size:14px; display:block; border-bottom:1px solid #f0f0f0; padding:10px 25px 10px 5px; text-align:right;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li > a:hover{background:#ededed;}
}
@media screen and (min-width:500px) and (max-width:1000px) {
    
    .newsWrapper .news-box .image img {
        position: relative;
        width: 70%;
        height: auto;
        border-radius: 5px;
    }
    .newsWrapper .news-box .image {text-align:center;}
    .newsWrapper .news-box .date{left:20%;}

}


@media screen and (max-width:768px){
    .top-text{position:relative;color:#841a89;text-align:center;line-height:24px;padding:10px;font-size:24px;margin-top:20px;}/*font-weight:600;letter-spacing:1px;*/
    .aboutWrapper{margin-top:20px !important;}
    .aboutWrapper .box1-container{text-align:center; background:url(../images/box1-bg.png) no-repeat; min-height:100px; font-size:18px; line-height:20px;margin:0px !important;padding:0 !important;}
    .aboutWrapper .box1-container .box1-hover{text-align:center;min-height:100px;background-image:url('/images/02.png');opacity:0.8;}/*#831489 background:#630e69;*/
    .aboutWrapper .box1-container .box1-hover img{padding-top:30px;margin-right:20px;}
    .aboutWrapper .box1-container .box1-hover p{padding-top:30px;}
    .aboutWrapper .box1-container .box1-hover:hover{background-image:url('/images/01.png');opacity:1;}
    .aboutWrapper .box2-container{text-align:center; background:url(../images/box2-bg.png) no-repeat; min-height:100px; font-size:18px; line-height:20px;margin:0px !important;padding:0 !important;}
    .aboutWrapper .box2-container .box2-hover{text-align:center;min-height:100px;background-image:url('/images/02.png');opacity:0.8;}/*#831489 background:#630e69;*/
    .aboutWrapper .box2-container .box2-hover img{padding-top:40px;margin-right:20px;}
    .aboutWrapper .box2-container .box2-hover p{padding-top:30px;}
    .aboutWrapper .box2-container .box2-hover:hover{background-image:url('/images/01.png');opacity:1;}
    .aboutWrapper .box3-container{text-align:center; background:url(../images/box3-bg.png) no-repeat; min-height:100px; font-size:18px; line-height:20px;margin:0px !important;padding:0 !important;}
    .aboutWrapper .box3-container .box3-hover{text-align:center;min-height:100px;background-image:url('/images/02.png');opacity:0.8;}/*#831489 background:#630e69;*/
    .aboutWrapper .box3-container .box3-hover img{padding-top:30px;margin-right:20px;}
    .aboutWrapper .box3-container .box3-hover p{padding-top:30px;}
    .aboutWrapper .box3-container .box3-hover:hover{background-image:url('/images/01.png');opacity:1;}

    .aboutWrapper .container{margin:0 !important;padding:0px !important; padding-right:0px !important;padding-left:0px !important;}
	.topWrapper .top-menu ul{text-align:center;}
    .topWrapper .top-menu ul li a{padding-left:5px; margin-left:5px; border-left:1px solid #5c6163; display:block; line-height:12px;}

	.topWrapper .top-social ul{float:none; text-align:center;}
	.navbar{margin:0;}
	.logoWrapper{background-size:90% auto;}
    .mainMenu .top-menu-container .navbar-default .navbar-nav > li > a{color:#630e69; font-weight:900;}
    .mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul{position:relative; padding-right:30px; list-style:none;}
    .mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li:before {content: "\f104";font-family: FontAwesome; color:#630e69; margin-left: 4px;
}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li{line-height: 30px;}
	.mainMenu .top-menu-container .navbar-default .navbar-nav > li > ul > li > a{color:#646464; line-height:20px;}
	
	.pageWrapper .news-box .image{margin-bottom:20px;}
	.pageWrapper .pagination{padding-left:10px;}
	
	.innerWrapper .news-box{padding:30px 10px;}
	.innerWrapper .news-box .image{float:none; margin:0; text-align:center;}
	
    

	.footerWrapper .footer-social{position:relative; padding:20px 0;}
    .lightgray{margin:10px 0px; padding:5px;}
}

#contactform{
	background:white; width:100%; margin:0px auto; padding: 10px;float:right;display:block;
}
#contactform p.contact {text-align:right; font-size: 16px; margin:0px 0px 20px 0;line-height: 20px;}

#contactform input[type="text"] { width: 300px; height:30px;color: gray;border:1px solid #841a89;}
#contactform input[type="email"] { width: 300px; height:30px;color: gray; }
#contactform input[type="password"] { width: 300px; height:30px;color: gray; }
#contactform input[type="radio"] {color:gray; margin-left:10px;text-align:right; }
#contactform label {text-align:right; color:#646464; font-weight:normal;font-size: 16px;
 width: 220px;padding-right:0px; margin-bottom:15px;
}
#contactform input[type="checkbox"] {color:gray; margin-left:10px;}
#contactform .dropdown{
    width: 400px; height:40px;color: gray;
}
.notification{
    color: red;
}
.freetextbox{
    width: 600px;
}
.normaluser
{   text-align:right;
    font-size: 14px;
    color: #3366ff;
    font-family: 'Droid Arabic Kufi';
    text-indent: 0pt;
    line-height: 10mm;
    font-weight:normal;
}
#contactform .select-style {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(images/select-arrow.png), 
    -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 0px solid #FFF;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;}

  .style1
        {
            width: 77px;
        }
        .style4
        {
            width: 285px;
        }
        .style5
        {
            width: 904px;
        }
        #tblLink
        {
            width: 657px;
        }
        .style6
        {
            height: auto;
            width: 305px;
        }
        .style7
        {
            width: 325px;
        }
        .style8
        {
            width: 305px;
        }
        .style9
        {
        	height: 40px;
        }
 .style10 {
            display: block;
            margin-top: 1.33em;
            margin-bottom: 1.33em;
            margin-left: 0;
            margin-right: 0;
            font-weight: bold;
        }
 .imgcode{
     padding: 10px;
     margin-right: 40px;
 }
 .tbcode1{
     font-size:28px;
     font-weight:500;
     margin-bottom:20px;
 }
#contactform input.buttom{ border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #4b8df9;
    display: inline-block;
    padding: 5px 10px 6px; 
    color: #fbf7f7; 
    text-decoration: none; 
    font-weight: bold; line-height: 1; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; 
    -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; 
    text-shadow: 0 -1px 1px #222; 
    position: relative; 
    cursor: pointer; font-size: 14px; 
    top: 20px;
    right: -4px;
    height: 50px;
    padding-top:20px;
}
#contactform input.buttom:hover	{ background-color: #2a78f6; }
.margleft{margin-left: 20px;}
@media screen and (max-width: 500px) {
.margleft{margin: 10px;}
#contactform input[type="text"] { width: 200px; }
#contactform input[type="email"] { width: 200px; }
#contactform input[type="password"] { width: 200px; }
#contactform .dropdowncountry{width: 200px;}
#contactform p.contact {font-size: 16px; margin:0px 0px 30px 0;}
.freetextbox {width: 250px;}
#contactform .dropdown{
    width: 200px; height:40px;}

}