@import"reset.css";
@import"grid.css";
@import"prettyPhoto.css";
@import"superfish.css";
@import url(https://fonts.googleapis.com/css?family=Vollkorn);
@import url(https://fonts.googleapis.com/css?family=Amiri&subset=arabic,latin);
@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap);

@media print {
	* {
		-webkit-print-color-adjust: exact;
	}

	.part_hide {
		display: none !important;
	}

	.part_print {
		display: block !important;
		width: 100%;
		height: 100%;
	}
}

body {
	font: 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #676767;
	position: relative;
	min-width: 960px;
	background: url(../images/tail-body.gif);
}

html, body {
	height: 100%;
}
/* Global Structure---------------------------------------- */
.main {
	margin: 0 auto;
	width: 940px;
	position: relative;
}

.container_12 {
	position: relative;
}

html {
	min-width: 960px;
}
/*----- txt,links,lines,titles -----*/


h1, h2, h3, h4, h5, h6 {
	font-family: 'Vollkorn', serif;
	color: #323232;
	font-weight: normal;
	padding-bottom: 20px;
	position: relative;
	letter-spacing: -1px;
	word-spacing: -1px;
}

h1 {
	font-size: 45px;
	line-height: 48px;
}

h2 {
	font-size: 40px;
	line-height: 42px;
}

h3 {
	font-size: 35px;
	line-height: 38px;
}

h4 {
	font-size: 30px;
	line-height: 32px;
	padding-bottom: 19px;
}

h5 {
	font-size: 25px;
	line-height: 28px;
}

h6 {
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #e0a31a;
}

a {
	outline: none;
	cursor: pointer;
	text-decoration: none;
	color: #f86900;
}

	a:focus {
		outline: none;
	}

	a:hover {
		text-decoration: underline;
		color: #453633;
	}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	height: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

.wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.extra-wrap {
	overflow: hidden;
	display: block;
}

p {
	padding-bottom: 14px;
}

.p0 {
	padding-bottom: 0 !important;
}

.p01 {
	padding-top: 0 !important;
}

.p {
	padding-top: 1px;
}

.p1 {
	padding-top: 2px;
}

.p2 {
	padding-top: 3px;
}

.p3 {
	padding-top: 4px;
}

.p4 {
	padding-top: 5px;
}

.p5 {
	padding-top: 6px;
}

.p6 {
	padding-top: 7px;
}

.p7 {
	padding-top: 8px;
}

.p8 {
	padding-top: 9px;
}

.p9 {
	padding-top: 10px;
}

.p10 {
	padding-top: 11px;
}

.p11 {
	padding-top: 12px;
}

.p12 {
	padding-top: 13px;
}

.p13 {
	padding-top: 14px;
}

.p14 {
	padding-top: 16px;
}

.p15 {
	padding-top: 20px;
}

.p16 {
	padding-top: 22px;
}

.p17 {
	padding-top: 24px;
}

.p18 {
	padding-top: 25px;
}

.p19 {
	padding-top: 26px;
}

.padd-1 {
	padding-top: 39px;
}

.padd-2 {
	padding-top: 35px;
}

.m0 {
	margin: 0 !important;
}

.m1 {
	margin-top: -1px;
}

.m2 {
	margin-top: -2px;
}

.m3 {
	margin-top: -3px;
}

.m4 {
	margin-top: -6px;
}

.m5 {
	margin-top: -8px;
}

.m8 {
	margin-top: -12px;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.overflow {
	overflow: hidden;
}

.line-h {
	line-height: 18px;
}

.color-1 {
	color: #4c3930;
}

.color-2 {
	color: #e6ac27;
}

.text-t {
	text-transform: uppercase;
}

.d-block {
	display: block;
}

.d-in-block {
	display: inline-block;
}

.z1 {
	z-index: 1;
}

.z2 {
	z-index: 2;
}

.z3 {
	z-index: 3;
}

.relative {
	position: relative;
}


.main-bg {
	background: url(../images/tail-bg.gif);
}

.highlight {
	color: #ba461d;
	font-weight: bold;
}


/*********************************header*************************************/

header {
	position: relative;
}

.logo {
	overflow: hidden;
	z-index: 10;
	float: left;
	margin-left: -3px;
	display: block;
}

	.logo span {
		font-family: 'Vollkorn', serif;
		color: #a5a296;
		font-size: 18px;
		line-height: 20px;
		display: inline-block;
		background: url(../images/border-logo.gif) no-repeat 0 0;
		padding: 14px 0 10px 20px;
		margin: 30px 0 0 11px;
		letter-spacing: -1px;
	}

	.logo a {
		width: 580px;
		height: 80px;
	}

.row-top {
	padding: 18px 0 15px 0;
}

.row-nav {
	background: url(../images/tail-row-nav.gif) repeat-x 0 1px;
}

nav {
	position: relative;
	z-index: 25;
}

.btn-live {
	float: left;
	background: url(../images/item-border.gif) no-repeat 0 10px;
	padding: 16px 0 10px 20px;
}

	.btn-live a {
		background: url(../images/icn-live.png) no-repeat 0 0;
		width: 80px;
		height: 29px;
		display: inline-block;
	}

.border-top {
	background: url(../images/border-top.gif) no-repeat center 0;
	padding-top: 1px;
}

/* Slider */
.bg-slider {
	background: #000;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.part-slider {
	width: 139px;
	height: 189px;
	position: absolute;
	top: 0;
	background: url(../images/tail-part-slider.png);
	z-index: 20;
}

	.part-slider.left {
		left: 0;
	}

	.part-slider.right {
		right: 0;
	}

.part-sliderH {
	width: 139px;
	height: 589px;
	position: absolute;
	top: 0;
	background: url(../images/tail-part-slider.png);
	z-index: 20;
}

	.part-sliderH.left {
		left: 0;
	}

	.part-sliderH.right {
		right: 0;
	}

#slider-1 {
	width: 1600px !important;
	height: 189px;
	position: relative;
	margin: 0 0 0 -800px;
	left: 50%;
}

	#slider-1 figure {
		position: absolute;
	}

#page1 #slider-1 figure {
	position: relative;
}

#page1 #slider-1 {
	height: 589px;
}

.slider-1 {
	width: 1600px !important;
	height: 589px;
	position: absolute;
	overflow: hidden;
}

	.slider-1 img {
		width: 1600px !important;
		height: 589px !important;
	}

.items {
	display: none;
}
/* pagination */
#slider-1 .pagination {
	position: absolute;
	right: 335px;
	top: 41px;
	z-index: 1000;
}

	#slider-1 .pagination li {
		padding: 0 0 2px;
		font-size: 0;
		line-height: 0;
		margin: 0;
	}

	#slider-1 .pagination a {
		background: url(../images/pags.png) no-repeat 0 0;
		display: block;
		width: 26px;
		height: 26px;
		font-size: 0;
		line-height: 0;
		text-decoration: none;
	}

	#slider-1 .pagination li.current a, #slider-1 .pagination li a:hover {
		background-position: 0 bottom;
	}

/********************** Content style ************************/

section#content {
	padding: 13px 0 35px;
	position: relative;
}

#page1 section#content {
	padding: 23px 0 50px;
}

#page5 section#content {
	padding: 23px 0 29px;
}

#page2 section#content, #page3 section#content, #page4 section#content, #page6 section#content {
	padding-top: 23px;
}

.row-1 {
	margin-bottom: 1px;
}

.row-2 {
}

.inner-1 {
	padding: 0 0 0 30px;
	text-align: justify;
}

.inner-2 {
	padding: 0 30px;
}

.inner-3 {
	padding: 0 0 0 28px;
}

.inner-4 {
	width: 850px;
	padding-right: 30px;
	padding-left: 30px;
}

.block-1 {
	background: url(../images/tail-block-1.gif);
	box-shadow: 1px 1px 3px #e8e5d6;
	-moz-box-shadow: 1px 1px 3px #e8e5d6;
	-webkit-box-shadow: 1px 1px 3px #e8e5d6;
	padding: 35px 0 35px;
	margin-bottom: 20px;
}

.block-2 {
	background: url(../images/tail-block-1.gif);
	box-shadow: 1px 1px 3px #e8e5d6;
	-moz-box-shadow: 1px 1px 3px #e8e5d6;
	-webkit-box-shadow: 1px 1px 3px #e8e5d6;
	padding: 35px 0 35px;
	margin-bottom: 20px;
}

#page6 .block-1 {
	padding: 0 0 11px;
}

.block-1.a {
	padding-bottom: 29px;
}

.block-1.b {
	padding-bottom: 15px;
}

.block-1.c {
	padding-bottom: 43px;
}

.block-1.d {
	padding-bottom: 50px;
}


.box-news {
	padding-bottom: 19px;
}

	.box-news a {
		color: #80bca3;
		font-size: 18px;
		font-weight: bold;
		line-height: 20px;
	}



.box-donate {
	background: url(../images/part-box-donate.gif) no-repeat 0 0;
	padding: 19px 0 20px 20px;
	margin-bottom: 19px;
}

	.box-donate span {
		font-family: 'Vollkorn', serif;
		color: #fff;
		text-shadow: 1px 1px #941909;
		display: inline-block;
		font-size: 24px;
		line-height: 26px;
		word-spacing: -2px;
		padding-top: 12px;
		letter-spacing: -1px;
		padding-right: 10px;
	}

	.box-donate a {
		color: #fff;
		display: inline-block;
		font-size: 18px;
		line-height: 20px;
		background: url(../images/part-link-box-donate.png) no-repeat 0 0;
		padding: 12px 10px;
		text-transform: uppercase;
	}

		.box-donate a:hover {
			background-position: 0 bottom;
			text-decoration: none;
		}

	.box-donate:hover {
		background-position: 0 -120px;
	}

		.box-donate:hover span {
			text-shadow: 1px 1px #388f63;
		}

.box-groups {
	background: url(../images/part-4.gif) no-repeat 0 0;
	padding: 25px 0 0;
}

	.box-groups.a {
		background: url(../images/part-8.gif) repeat-y 0 0;
		padding: 25px 31px 0;
	}

		.box-groups.a strong {
			display: block;
			margin: 0 0 21px 0;
		}

	.box-groups strong {
		font-size: 36px;
		line-height: 38px;
		text-shadow: 1px 1px #d2770e;
		font-weight: normal;
		margin: 0 0 21px 31px;
		font-family: 'Vollkorn', serif;
		color: #fff;
		display: block;
		letter-spacing: -2px;
		background: url(../images/border-1.gif) repeat-x 0 bottom;
		padding-bottom: 14px;
		display: inline-block;
		word-spacing: -1px;
	}

	.box-groups p {
		font-size: 13px;
		line-height: 19px;
		text-shadow: 1px 1px #cd7c13;
		width: 160px;
		padding: 0 0 30px 31px;
		color: #fff;
	}

    .box-groups span {
        background: url(../images/part-5.gif) repeat-y 0 0;
        display: block;
        font-size: 24px;
        line-height: 26px;
        font-weight: normal;
        padding: 20px 0 17px 21px;
        font-family: 'Vollkorn', serif;
        display: block;
        letter-spacing: -1px;
    }

		.box-groups span a {
			display: inline-block;
			text-shadow: 1px 1px #bf3807;
			color: #fff;
		}

			.box-groups span a:hover {
				color: #4C3930;
				text-decoration: none;
			}

.box-img {
	padding: 5px;
	background: #fff;
	box-shadow: 1px 1px 3px #dedac7;
	-moz-box-shadow: 1px 1px 3px #dedac7;
	-webkit-box-shadow: 1px 1px 3px #dedac7;
	position: relative;
	display: inline-block;
}

	.box-img figcaption a, .box-img1 figcaption a {
		background: url(../images/part-6.gif) repeat-x 0 0;
		display: block;
		padding: 11px 0 8px 13px;
		color: #fff;
		font-size: 18px;
		line-height: 20px;
		font-family: 'Vollkorn', serif;
		letter-spacing: -1px;
		word-spacing: -1px;
	}

.box-img1 figcaption a {
	padding: 10px 0 9px 13px;
}

.box-img.b {
	margin-bottom: 62px;
}

	.box-img.b figcaption {
		background: url(../images/tail-figcaption.gif) repeat-x 0 0 #4c3628;
		width: 898px;
		color: #f4f0de;
		font-family: 'Vollkorn', serif;
		font-size: 16px;
		line-height: 16px;
		padding: 17px 15px 14px 17px;
		letter-spacing: -1px;
	}

		.box-img.b figcaption span {
			display: block;
			text-align: right;
			color: #fff;
		}

.box-img figcaption a span, .box-img1 figcaption a span {
	background: url(../images/part-link-figcaption.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin: 0 0 0 4px;
}

.box-img1 figcaption strong {
	font-weight: normal;
	display: inline-block;
	width: 210px;
	margin-right: 6px;
	padding-top: 2px;
}

.box-img1 figcaption a span {
	margin: 0;
}

.box-img figcaption, .box-img1 figcaption {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 210px;
}

.box-img1 figcaption {
	bottom: 3px;
	left: 3px;
	width: 264px;
}

	.box-img figcaption a:hover, .box-img1 figcaption a:hover {
		text-decoration: none;
		background-position: 0 -56px;
	}

.box-img1, .box-img1.a {
	padding: 3px;
	background: #d0ccbd;
	position: relative;
	box-shadow: 1px 1px 1px #dad8d0;
	-moz-box-shadow: 1px 1px 1px #dad8d0;
	-webkit-box-shadow: 1px 1px 1px #dad8d0;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	.box-img1.a:hover {
		background: #fff;
	}

.tail-part-angle {
	background: url(../images/border-aside-top.gif) repeat-x 0 0;
	height: 8px;
	width: 100%;
}

.txt-1 {
	font-weight: bold;
	color: #3f3632;
	padding-bottom: 19px;
}

.txt-2, .txt-2 a {
	font-weight: bold;
	color: #4c3930;
	line-height: 18px;
}

	.txt-2 a:hover {
		text-decoration: none;
		color: #e6ac27;
	}

.txt-3 {
	color: #b0b0b0;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 14px;
	padding-bottom: 13px;
}

.border-horiz {
	background: url(../images/tail-border-1.png) repeat-x 0 0;
	width: 100%;
	height: 1px;
	margin: 19px 0;
}

.title-1 {
	color: #80bca3;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	padding-bottom: 14px;
}

.box-believe {
	width: 270px;
	padding-bottom: 11px;
}

.box-meet {
	width: 173px;
	float: left;
	margin-right: 20px;
	padding: 4px 0;
}

	.box-meet figure {
		margin-bottom: 15px;
	}

.btns-1 {
	overflow: hidden;
	color: #e6ac27;
	line-height: 16px;
	padding-top: 5px;
}

	.btns-1 a {
		float: left;
		background: none;
		padding: 0;
	}

.box-4 {
	background: url(../images/part-7.gif) no-repeat 0 0;
	padding: 39px 21px;
	color: #fff;
	text-shadow: 1px 1px #911f0c;
	font-family: 'Vollkorn', serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -1px;
	margin-bottom: 19px;
}



.bg-part-cont {
	background: #f9f7ee;
}

.box-full {
	background: #fdfcf7;
	box-shadow: 1px 1px 3px #e8e5d6;
	-moz-box-shadow: 1px 1px 3px #e8e5d6;
	-webkit-box-shadow: 1px 1px 3px #e8e5d6;
	padding: 30px 15px 15px 15px;
	width: 850px;
	margin-top: 10px;
}

.box-school {
	background: #fdfcf7;
	box-shadow: 1px 1px 3px #e8e5d6;
	-moz-box-shadow: 1px 1px 3px #e8e5d6;
	-webkit-box-shadow: 1px 1px 3px #e8e5d6;
	padding: 24px 25px 36px 25px;
	margin: 0 30px 20px 0;
	width: 370px;
	float: left;
}

	.box-school .title-1 {
		padding-bottom: 9px;
	}

	.box-school .txt-3 {
		line-height: 18px;
	}



aside p {
	color: #938a86;
	line-height: 20px;
}

aside {
	padding: 51px 0 41px;
}

#page5 aside {
	padding: 50px 0 31px;
}

.tail-bottom {
	background: url(../images/tail-bottom.png) repeat-x 0 0;
}


.pad-form {
	padding-top: 5px;
}

.pad-form2 {
	padding-top: 25px;
}

/*----- table -----*/

.table-1 {
	margin: 34px 0 26px 0;
}

	.table-1 th {
		color: #4c3930;
		font-weight: bold;
		padding: 0 0 16px 0;
		text-align: left;
	}

	.table-1 tr {
		background: url(../images/tail-border-1.png) repeat-x 0 bottom;
		text-align: left;
	}

	.table-1 td {
        vertical-align:middle;
	}

	.table-1 .coll-1 {
		color: #4c3930;
        font-weight:bold;
		padding: 13px 0 19px;
	}

	.table-1 .coll-2 {
		color: #b0b0b0;
		padding: 13px 0 0 0;
	}

	.table-1 .coll-3 {
		width: 80px;
		color: #b0b0b0;
		padding: 13px 0 0 0;
		font-size: 11px;
	}

	.table-1 tr th.a1, .table-1 .coll-1 {
		width: 465px;
	}

	.table-1 tr th.a2 {
		width: 318px;
	}

	.table-1 tr th.a3 {
		width: 68px;
	}
	.table-1 .button-1 {
		padding: 7px 16px 8px 18px;
		position: relative;
		vertical-align: middle;
	}

.button-1 {
	display:inline-block;
	color:#fff;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	padding:9px 16px 11px 18px;
	background:#f86900;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
}
.button-1.a {
	background:#5c2a2a
}
.button-1 span {
	display:inline-block;
	background:url(../images/marker-1.png) no-repeat 0 0;
	height:7px;
	width:8px;
	margin:5px 0 0 10px
}
.button-1:hover span {
	background-position: 0 bottom
}
.button-1:hover {
	color:#4a3830;
	text-decoration:none;
	background:#fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/********************** links ************************/
.link-1 {
	font-size: 13px;
	line-height: 16px;
	display: inline-block;
	font-weight: bold;
	color: #e6ac27;
	text-decoration: underline;
	padding-right: 16px;
	background: url(../images/marker-2.png) no-repeat right 6px;
}

	.link-1:hover {
		text-decoration: none;
		background-position: right -19px;
		color: #4c3930;
	}

.link-2 {
	font-size: 13px;
	display: inline-block;
	font-weight: bold;
	color: #80bca3;
}

	.link-2:hover {
		text-decoration: underline;
	}

/*  Lists */

.list-2 {
	padding-bottom: 10px;
	padding-top: 15px;
}

	.list-2 li {
		background: url(../images/marker-3.png) no-repeat 0 8px;
		line-height: 20px;
		display: block;
		padding: 0 0 10px 15px;
	}
/*----- map -----*/

.map {
	display: inline-block;
	margin-top: 3px;
}

	.map iframe {
		height: 289px;
		overflow: hidden;
		width: 313px;
		background: none;
	}
/*----- address -----*/
.mail-1 {
	font-style: normal;
	font-size: 13px;
	line-height: 19px;
	color: #de9e18 !important;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

	.mail-1:hover {
		text-decoration: underline;
	}

dl.address {
	padding: 22px 0 9px;
}

	dl.address dt {
		font-size: 13px;
		color: #4c3930;
		font-weight: bold;
		line-height: 18px;
		padding-bottom: 18px;
	}

	dl.address dd {
		line-height: 19px;
		color: #b0b0b0;
		font-style: normal;
	}

		dl.address dd span {
			display: inline-block;
			width: 70px;
		}

.policy {
}

	.policy .txt-1 {
		padding-bottom: 8px;
	}

	.policy p {
		line-height: 18px;
		padding-bottom: 19px;
	}

/******************** Footer ******************/
footer {
	background: url(../images/tail-footer.png) repeat-x 0 bottom;
}

.border-footer {
	background: url(../images/border-booter.gif) no-repeat center 0;
	padding: 30px 0;
}

.privacy {
	font-weight: bold;
	color: #333333;
	text-align: center;
}

	.privacy a {
		font-size: 13px;
		color: #333333;
		line-height: 20px;
	}

		.privacy a:hover {
			text-decoration: underline;
		}


/* LightBox */
.lightbox-image {
	position: relative;
	overflow: hidden;
	display: inline-block;
	z-index: 99;
}

	.lightbox-image img {
		position: relative;
		z-index: 2;
		background: #f1f1f1;
	}

	.lightbox-image span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(../images/magnifying-glass.png) no-repeat 50% 50%;
		z-index: 1;
	}


/******************* Custom ********************/
.gvQuestionsCSS {
	font-family: 'Tajawal';
	font-size: 18px;
	color: black;
}


.CVC div,
.CVC td {
	border: 1px solid #453633;
	background-color: #fffacd;
}

.CVC .ajax__validatorcallout_error_message_cell {
	font-size: 11px;
	color: #453633;
	word-break: normal;
}


.form0 {
	text-align: center;
	margin: 10px;
	padding: 0;
}

	.form0 label {
		display: block;
		position: relative;
		min-height: 10px;
		text-align: left;
		margin: 7px auto 0 auto;
	}

	.form0 input, select {
		display: inline-block;
		vertical-align: middle;
	}

	.form0 span {
		display: inline-block;
		width: 60px;
		text-align: right;
		margin-right: 5px;
		vertical-align: middle;
	}

	.form0 spanex {
		width: 200px;
	}

	.form0 input[type=submit] {
		display: block;
		margin: 20px auto 10px auto;
	}

.linkright {
	text-align: right;
	margin: 10px auto 10px auto;
}

/******************** RAW Controls **********************/


input, select, input[type=submit], input[type=radio] + label, .Number, #sliderLabel, textarea {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

	input:disabled, select:disabled, input[type=submit]:disabled, textarea:disabled {
		/*color: #888888;*/
        color: #4a3a35;
		cursor: not-allowed;
	}


input, select, textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*outline: none;*/
	border: 1px solid #d7d2c1;
	min-width: 120px;
	padding: 6px 6px 6px 6px;
	margin-top: 5px;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
	background-color: #e5e2d4;
}

	input:focus, select:focus {
		border: 1px solid #453633;
	}

	input:hover, select:hover {
		box-shadow: 0px 0px 3px #bbb6a7;
		-moz-box-shadow: 0px 0px 3px #bbb6a7;
		-webkit-box-shadow: 0px 0px 3px #bbb6a7;
	}

    input:disabled, select:disabled {
        /*color: #666666;*/
        color: #4a3a35;
        border-color: #666666;
    }

	input[type=submit] {
		color: #faf8ef;
		background-color: #f86900;
		height: 35px;
		font-size: 16px;
		width: 100px;
		font-weight: bold;
		padding-top: 7px;
		padding-bottom: 7px;
	}

		input[type=submit]:hover {
			/*color: #f0edea;*/
			background-color: #fff;
			color: #453633;
		}

        input[type=submit]:disabled {
            /*color: #666666;*/
            color: #4a3a35;
            font-weight: normal;
            background-color: #f0edea;
        }


	input[type=radio] {
		display: none;
	}

		input[type=radio] + label {
			display: inline-block;
			margin-left: 3px;
			padding: 5px 12px 5px 12px;
			line-height: 20px;
			/*color: #333;*/
			text-align: center;
			text-shadow: 0 1px 1px rgba(255,255,255,0.75);
			vertical-align: middle;
			cursor: pointer;
			/*background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);*/
			background-repeat: repeat-x;
			border: 1px solid #ccc;
			border-color: #e6e6e6 #e6e6e6 #bfbfbf;
			border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
			border-bottom-color: #b3b3b3;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
			-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		}

		input[type=radio]:checked + label {
			background-image: none;
			outline: 0;
			-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			background-color: #e0e0e0;
		}

        input[type=radio]:disabled + label {
            /*color: #888888;*/
            color: #4a3a35;
        }

.tdint input[type=radio] + label {
    font-size: 13px;
    line-height: 16px;
    padding: 3px 10px 4px 10px;
    display: grid;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    min-height: 32px;
    min-width: 60px;
}

.bigNumber input[type=radio] + label {
    font-size: 19px;
    line-height: 30px;
    font-weight: bold;
    color: black;
    text-shadow: 0 0 3px white, 0 0 5px red;
}

.WorkingDiv {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	height: 100px;
	margin-top: -50px;
	width: 500px;
	margin-left: -250px;
	text-align: center;
	vertical-align: middle;
	background-color: #fefefe;
	border: 1px solid #666666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.divFinish {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	height: 300px;
	margin-top: -100px;
	width: 800px;
	margin-left: -400px;
	text-align: center;
	vertical-align: middle;
	background-color: #fefefe;
	border: 1px solid #666666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 20px 20px 20px 20px;
}

.Number {
	display: inline-block;
	margin: -2px;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	background-color: #f5f5f5;
	/*background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);*/
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	/*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);*/
	height: 23px;
}

/************************** END of RAW Input ********************************/

.rulesTable {
	border: none;
}

	.rulesTable td {
		vertical-align: middle;
		border-bottom: 1px solid #f0edea;
		padding: 5px;
	}

.attTable {
	width: 845px;
	margin: 10px 0 10px 0;
	border: none;
}

	.attTable .tdint {
		height: 50px;
		vertical-align: middle;
		border-bottom: 1px solid #f0edea;
		text-align: center;
		padding-bottom: 10px;
	}

/*======= Checkbox CSS ========*/

/* Customize the label (the container) */
.CBcontainer {
    /*display: block;*/
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    .CBcontainer span {
        font-size: 17px;
    }
    /* Hide the browser's default checkbox */
    .CBcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.CBcheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.CBcontainer:hover input ~ .CBcheckmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.CBcontainer input:checked ~ .CBcheckmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.CBcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.CBcontainer input:checked ~ .CBcheckmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.CBcontainer .CBcheckmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*======= SliderS CSS ========*/

#sliderLabel {
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	cursor: pointer;
	display: inline-block;
	height: 26px;
	overflow: hidden;
	position: relative;
	width: 80px;
}

	#sliderLabel input {
		display: none;
	}

		#sliderLabel input:checked + #slider {
			left: 0;
		}

#slider {
	left: -40px;
	position: absolute;
	top: 0;
	-webkit-transition: left .25s ease-out;
	-moz-transition: left .25s ease-out;
	-o-transition: left .25s ease-out;
	-ms-transition: left .25s ease-out;
	transition: left .25s ease-out;
}

#sliderOn,
#sliderBlock,
#sliderOff {
	display: block;
	/*font-weight: bold;*/
	height: 26px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 0;
}

#sliderOn {
	background: #f48d3e;
	/*background: -webkit-linear-gradient(top,#f48d3e 0%,#f48d3e 100%);
	background: -moz-linear-gradient(top,#f48d3e 0%,#f48d3e 100%);
	background: -o-linear-gradient(top,#f48d3e 0%,#f48d3e 100%);
	background: -ms-linear-gradient(top,#f48d3e 0%,#f48d3e 100%);
	background: linear-gradient(top,#f48d3e 0%,#f48d3e 100%);*/
	color: white;
	left: 0;
	width: 40px;
}

#sliderBlock {
	background: #d9d9d8;
	/*background: -webkit-linear-gradient(top,#d9d9d8 0%,#fcfcfc 100%);
	background: -moz-linear-gradient(top,#d9d9d8 0%,#fcfcfc 100%);
	background: -o-linear-gradient(top,#d9d9d8 0%,#fcfcfc 100%);
	background: -ms-linear-gradient(top,#d9d9d8 0%,#fcfcfc 100%);
	background: linear-gradient(top,#d9d9d8 0%,#fcfcfc 100%);*/
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color: #e0e0e0;
	outline: 0;
	left: 40px;
	width: 40px;
}

#sliderOff {
	background: #f2f3f2;
	/*background: -webkit-linear-gradient(top,#e6e6e6 0%,#f2f3f2 50%);
	background: -moz-linear-gradient(top,#e6e6e6 0%,#f2f3f2 50%);
	background: -o-linear-gradient(top,#e6e6e6 0%,#f2f3f2 50%);
	background: -ms-linear-gradient(top,#e6e6e6 0%,#f2f3f2 50%);
	background: linear-gradient(top,#e6e6e6 0%,#f2f3f2 50%);*/
	color: #333;
	left: 80px;
	width: 40px;
}

#ServicesTable {
	width: 850px;
}

	#ServicesTable td {
		min-height: 50px;
		border-bottom: 1px solid #f0edea;
	}

	#ServicesTable .head {
		font-weight: bold;
		color: #f48d3e;
		text-decoration: underline;
		line-height: 30px;
	}

.versesAR {
	direction: rtl;
	font-family: 'Amiri';
	font-size: 16px;
	width: 360px;
	text-align: justify;
	vertical-align: top;
	padding-bottom: 20px;
	line-height: 26px;
    padding-left:10px;
}

	.versesAR h5 {
		color: #f48d3e;
		font-family: 'Amiri';
	}

.versesEN {
	direction: ltr;
	line-height: 25px;
	width: 460px;
	text-align: justify;
	vertical-align: top;
	padding-bottom: 20px;
}

	.versesEN h5 {
		color: #f48d3e;
	}

.colAR2 {
	direction: rtl;
	font-family: 'Tajawal';
	color: black;
	font-size: 16px;
	text-align: justify;
	vertical-align: top;
	padding-bottom: 24px;
	line-height: 30px;
	padding-left: 10px;
}

	.colAR2 h5 {
		color: #f48d3e;
		font-family: 'Tajawal';
	}
	.colAR2 h6 {
		font-family: 'Tajawal';
	}


.colEN2 {
	direction: ltr;
	line-height: 25px;
	font-size: 16px;
	color:black;
	font-family: 'Tajawal';
	text-align: justify;
	vertical-align: top;
	padding-bottom: 20px;
}

	.colEN2 h5 {
		color: #f48d3e;
	}

.colAR {
	direction: rtl;
	font-family: 'Amiri';
	font-size: 16px;
	text-align: justify;
	vertical-align: top;
	padding-bottom: 20px;
	line-height: 36px;
	padding-left: 10px;
}

	.colAR h5 {
		color: #f48d3e;
		font-family: 'Amiri';
	}

.colEN {
	direction: ltr;
	line-height: 25px;
	text-align: justify;
	vertical-align: top;
	padding-bottom: 20px;
}

	.colEN h5 {
		color: #f48d3e;
	}

.admindetailview {
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
}
/*////////////////////*/

.GridPager a, .GridPager span {
	display: block;
	height: 20px;
	width: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.GridPager a {
	background-color: #f5f5f5;
	color: #969696;
	border: 1px solid #969696;
}

.GridPager span {
	background-color: #A1DCF2;
	color: #000;
	border: 1px solid #3AC0F2;
}

/*////////////////////*/

.GridPagerTouch a, .GridPagerTouch span {
    display: block;
    height: 22px;
    width: 35px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size:large;
    margin-right:20px;
    margin-bottom:30px;
}

.GridPagerTouch a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPagerTouch span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

/*////////////////////////////*/
.radioRoomType {
width: 400px;
height: 200px;
display: block;
}