@media all and (max-width:1439px) and (min-width:960px)

{

html {

	background: rgb(0, 40, 60); margin: 0px; padding: 0px; width: 100%; height: 100%; font-size: 16pt; font-weight: 200; direction: rtl;

}

body {

	margin: 0px auto; width: 100%; height: 100%; text-align: justify;

}

.eng-lang {

	font-family: "lucia-eng";

}

img {

	width: 100%; height: 100%;

}

ul {

	margin: 0px; padding: 0px; font-family: "droid-naskh";

}

ol {

	margin: 0px; padding: 0px; font-family: "droid-naskh";

}

ul li {

	list-style: none;

}

h1 {

	font-family: "droid-sans";

}

h2 {

	font-family: "droid-sans";

}

h3 {

	font-family: "droid-sans";

}

h4 {

	font-family: "droid-sans";

}

h5 {

	font-family: "droid-sans";

}

h6 {

	font-family: "droid-sans";

}

ul {

	font-family: "droid-sans";

}

ul a {

	font-family: "droid-sans";

}

p {

	font-family: "droid-naskh";

}

a {

	font-family: "droid-naskh";

}

a {

	color: rgb(0, 40, 60); text-decoration: none;

}

header {

	background: linear-gradient(rgb(0, 40, 60), rgb(0, 40, 60), rgb(0, 40, 60)); width: 100%; height: 8em; border-bottom-color: lightgray; border-bottom-width: 0.2em; border-bottom-style: solid; position: relative; z-index: 999; box-shadow: 0px 0.5em 1em rgb(0,40,60);

}

.t-logo {

	display: none;

}

.logo {

	width: 40%; height: 100%; text-align: center; float: left;

}

.logo img {

	padding: 2%; border: 0.1em dashed rgba(0, 0, 0, 0); border-image: none; width: 86%; height: 70%; margin-top: 3%;

}

.logo img:hover {

	padding: 2%; border-radius: 0.5em; border: 0.1em solid lightgray; border-image: none; width: 86%; height: 70%;

}

.right-header {

	width: 60%; height: 100%; float: right;

}

.company-name {

	width: 100%; height: 55%; text-align: center; border-bottom-color: gray; border-bottom-width: 0.2em; border-bottom-style: solid;

}

.company-name h1 {

	margin: 0px; color: lightgray; line-height: 3em; font-size: 24pt; text-shadow: 0px 0px 0.25em black;

}

.main-menu {

	display: none;

}

.nav-header {

	width: 100%; text-shadow: 0px 0px 0.25em black;

}

.nav-header ul {

	margin: 0px auto; text-align: center; color: lightgray; display: block; position: relative;

}

.nav-header ul li {

	background: rgba(0, 40, 60, 0.8); margin: 0px; padding: 1% 2%; width: 21%; line-height: 200%; border-bottom-color: gray; border-bottom-width: 0.2em; border-bottom-style: solid; float: right; display: inline; cursor: pointer; box-shadow: 0px 0px 2em black;

}

.nav-header ul li:hover {

	background: lightgray; color: rgb(0, 40, 60); box-shadow: 0px 0.25em 0.25em rgb(0,40,60);

}

.nav-header a {

	color: lightgray;

}

.nav-header li ul {

	width: 150%; margin-top: 5%; display: none; box-shadow: 0px 0px 0.5em rgb(0,40,60);

}

.nav-header li ul li {

	background: rgba(0, 40, 70, 0.85); border-radius: 0.5em 0px 0px 0.5em; border: 0.1em solid gray; border-image: none; width: 150%; float: none; display: inline-block; opacity: 0.95;

}

.nav-header li ul li:hover {

	background: lightgray; border-radius: 0.5em 0px 0px 0.5em; border-top-color: lightgray; border-bottom-color: lightgray; border-left-color: lightgray; border-top-width: 0.2em; border-bottom-width: 0.2em; border-left-width: 0.2em; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;

}

.nav-header ul li:hover ul {

	display: block;

}

.nav-header .close-menu {

	display: none;

}

.page-title {

	background: rgb(0, 40, 60); border-width: 0.1em 0.1em 0.3em; border-style: solid; border-color: lightgray; margin: 0.75em auto 0.5em; padding: 1%; border-image: none; width: 95.5%; color: lightgray; font-size: 16pt; font-weight: 200;

}

.title-icon img {

	background: lightgray; padding: 0.5%; border-radius: 0.5em; width: 1.25em; height: 1.25em; margin-left: 0.25em; vertical-align: middle;

}

.image-slider {

	margin: 0.5em auto; width: 97.8%; height: 620px; position: relative;

}

.image-slider .cycle-slideshow {

	border: 0.05em solid lightgray; border-image: none; width: 100%; height: 100%; display: block; z-index: 9; max-width: 100%;

}

.image-slider .cycle-slideshow img {

	width: 100%; height: 100%; max-width: 100%;

}

.image-slider .cycle-prev {

	border-radius: 50%; width: 2.5em; height: 2.5em; bottom: 40%; display: block; position: absolute; z-index: 998; cursor: pointer; opacity: 0.15;

}

.image-slider .cycle-next {

	border-radius: 50%; width: 2.5em; height: 2.5em; bottom: 40%; display: block; position: absolute; z-index: 998; cursor: pointer; opacity: 0.15;

}

.image-slider .cycle-prev {

	right: 2%;

}

.image-slider .cycle-next {

	left: 2%;

}

.image-slider .cycle-pager {

	width: 100%; text-align: center; bottom: 4.5%; position: absolute; z-index: 998; opacity: 0.5;

}

.image-slider .cycle-prev:hover {

	opacity: 1;

}

.image-slider .cycle-next:hover {

	opacity: 1;

}

.image-slider .cycle-pager:hover {

	opacity: 1;

}

.image-slider .cycle-pager span {

	margin: 0px 0.75%; border-radius: 50%; border: 0.1em solid lightgray; border-image: none; width: 0.75em; height: 0.75em; color: rgba(0, 0, 0, 0); display: inline-block; cursor: pointer;

}

.image-slider .cycle-pager-active {

	background-color: yellow;

}

.title-1 {

	background: linear-gradient(to right, lightgray, rgb(0, 50, 100), rgb(0, 40, 60)); margin: 0.5em auto 0px; padding: 0.5% 2%; width: 94%; color: lightgray; font-size: 20pt; font-weight: 200; border-bottom-color: orange; border-bottom-width: 0.2em; border-bottom-style: solid;

}

.ads {

	padding: 0.25em 0px 1em; left: 2%; top: 14.25em; width: 95.8%; height: 3em; text-align: center; right: 2%; position: absolute; z-index: 990;

}

.ads .cycle-slideshow {

	margin: 0px auto; width: 90%;

}

.ads .cycle-slideshow span img {

	background: rgb(0, 40, 60); border-radius: 1em; border: 0.1em solid lightgray; border-image: none; width: 3em; height: 3em; vertical-align: middle; box-shadow: 0px 0px 0.5em black;

}

.ads .cycle-slideshow .img-f {

	top: 0.5em; right: 0.5em; position: absolute;

}

.ads .cycle-slideshow .img-l {

	left: 0.5em; top: 0.5em; position: absolute;

}

.ads .cycle-slideshow p {

	background: rgba(0, 40, 60, 0.5); margin: 0.25em auto; padding: 0.5em 15% 0px; border-radius: 1em; border: 0.1em solid lightgray; border-image: none; width: 70%; height: 100%; color: lightgray; font-family: "droid-sans"; vertical-align: middle; box-shadow: 0px 0.25em 0.5em black;

}

.ads .cycle-slideshow p:hover {

	background: rgb(0, 40, 60); color: lightgray;

}

.ads .cycle-slideshow .p1 {

	background: rgba(255, 255, 255, 0.5); color: rgb(0, 40, 60);

}

.ads .cycle-slideshow .p2 {

	line-height: 3em;

}

.ads .cycle-slideshow .p3 {

	display: block;

}

.about-us p {

	background: lightgray; margin: 0px auto; padding: 2%; width: 94%; text-align: justify; font-weight: 200;

}

.articles {

	background: rgba(255, 255, 255, 0.5); margin: 0.25em auto; width: 98%; height: 30em;

}

.articles article {

	margin: 0px auto; width: 98%; height: 100%; text-align: center;

}

.articles article div {

	background: rgb(0, 40, 70); margin: 0.5em 0.5% 0px; border: 0.1em solid rgb(0, 40, 70); border-image: none; width: 31.25%; height: 95%; display: inline-block; position: relative; box-shadow: 0px 0.25em 0.5em rgb(0,40,60);

}

.our-vision {

	border-radius: 2em 0px 0px;

}

.our-goals {

	border-radius: 2em 0px 0px;

}

.our-message {

	border-radius: 2em 0px 0px;

}

.title-2 {

	background: linear-gradient(rgb(0, 40, 70), rgb(0, 40, 60)); margin: 0px; border-radius: 2em 0px 0px; width: 100%; height: 7%; text-align: right; color: lightblue; line-height: 2em; font-size: 16pt; border-bottom-color: orange; border-bottom-width: 0.1em; border-bottom-style: solid; display: block; position: absolute;

}

.title-2 li {

	margin-right: 2%;

}

.our-vision .cycle-slideshow {

	margin: 12% 0px 0px; top: 0px; width: 99%; height: 40%; border-bottom-color: rgb(0, 40, 60); border-bottom-width: 0.1em; border-bottom-style: solid; display: block; box-shadow: none;

}

.our-message .cycle-slideshow {

	margin: 12% 0px 0px; top: 0px; width: 99%; height: 40%; border-bottom-color: rgb(0, 40, 60); border-bottom-width: 0.1em; border-bottom-style: solid; display: block; box-shadow: none;

}

.our-goals .cycle-slideshow {

	margin: 12% 0px 0px; top: 0px; width: 99%; height: 40%; border-bottom-color: rgb(0, 40, 60); border-bottom-width: 0.1em; border-bottom-style: solid; display: block; box-shadow: none;

}

.articles article .overflow-p {

	background: lightgray; margin: 0px; width: 99%; height: 52%; display: block;

}

.overflow-p {

	overflow: hidden; -ms-overflow-y: scroll;

}

.overflow-p p {

	padding: 4%; text-align: justify; line-height: 1.5em; font-family: "Droid-Naskh"; font-size: 16pt; margin-right: 0px;

}

.overflow-p li {

	padding: 4%; text-align: justify; line-height: 1.5em; font-family: "Droid-Naskh"; font-size: 16pt; margin-right: 0px;

}

.consultant-region {

	background: url("../images/goals.jpg") fixed no-repeat center / cover; margin: 0px auto; padding: 2%; width: 94%;

}

.consultant-region ol {

	padding: 2%;

}

.consultant-region ol li {

	list-style-position: inside;

}

.consultant-region div {

	background: rgba(200, 200, 200, 0.5);

}

.region {

	margin: 0px auto; width: 98%; height: 18em; border-bottom-color: gray; border-bottom-width: 0.2em; border-bottom-style: solid; position: relative;

}

.nav-region {

	width: 40%; height: 100%; display: inline-block; position: absolute;

}

.nav-region ul {

	padding: 0.25% 0px; width: 100%; height: 99%; text-align: center;

}

.nav-region ul li {

	background: linear-gradient(rgb(0, 40, 70), black); height: 2.5em; color: lightgray; padding-top: 0.5em; border-left-color: gray; border-left-width: 0.1em; border-left-style: solid;

}

.nav-region ul li:hover {

	background: lightblue; color: rgb(0, 40, 60); cursor: pointer;

}

.region-close {

	display: none;

}

.section-region {

	left: 0px; width: 60%; height: 100%; display: inline-block; position: absolute;

}

.section-region img {

	position: absolute;

}

.section-region .overflow-p {

	width: 100%; height: 100%; position: absolute;

}

.section-region .overflow-p li {

	padding: 1em 1em 0px; color: lightgray; line-height: 1.5em; font-weight: 100;

}

.region-goals {

	background: rgba(0, 40, 70, 0.75); min-height: 100%;

}

.region-services {

	background: rgba(0, 40, 70, 0.75); min-height: 100%;

}

.region-prog-available {

	background: rgba(0, 40, 70, 0.75); min-height: 100%;

}

.region-procedure {

	background: rgba(0, 40, 70, 0.75); min-height: 100%;

}

.region-programs {

	background: rgba(0, 40, 70, 0.75); min-height: 100%;

}

.region-done {

	background: rgba(0, 40, 70, 0.75); min-height: 100%;

}

.our-partners {

	background: gray; margin: 0px auto 0.5em; width: 98%; height: 12em; border-bottom-color: gray; border-bottom-width: 0.1em; border-bottom-style: solid; position: relative;

}

.partners {

	width: 80%; height: 100%; right: 0px; overflow: hidden; position: absolute; -ms-overflow-y: scroll;

}

.partners li {

	padding: 2% 2% 0px; text-align: justify; line-height: 1.5em; font-family: "Droid-Naskh"; font-size: 16pt;

}

.partners-logos .cycle-slideshow {

	background: lightblue; border: 0px currentColor; border-image: none; left: 0px; width: 20%; float: left;

}

.partners-logos .cycle-slideshow img {

	margin: 10%; border-radius: 1em; width: 80%; height: 80%; box-shadow: 0px 0px 1em rgb(0,40,60);

}

.socials {

	background: rgba(0, 40, 70, 0.25); margin: 0px auto 0.5em; width: 98%;

}

.socials div {

	margin: 0.5em auto; border: 0.1em solid orange; border-image: none; width: 500px;

}

.contact-us {

	background: url("../images/footerBG.jpg") fixed no-repeat center / cover; margin: 0px auto 0.5em; width: 98%; text-align: center; padding-top: 0.25em; border-bottom-color: gray; border-bottom-width: 0.1em; border-bottom-style: solid;

}

.contact-icons {

	background: rgba(0, 30, 60, 0.25); margin: 0.5em auto; width: 98%;

}

.contact-icons img {

	cursor: pointer;

}

.contact-icons img:hover {

	background: orange; box-shadow: 0px 0px 0.5em rgb(0,40,60);

}

.contact-us img {

	margin: 0.5em; padding: 0.2em; border-radius: 2em; border: 0.1em solid gray; border-image: none; width: 2.5em; height: 2.5em;

}

.nav-footer a {

	background: rgb(134, 134, 134); padding: 0.5em 0px; text-align: center; color: rgb(30, 40, 60); font-family: "droid-sans"; font-size: 1em; font-weight: 200; margin-bottom: 0.2em; border-top-color: rgb(58, 68, 82); border-bottom-color: rgb(58, 68, 82); border-top-width: 0.1em; border-bottom-width: 0.1em; border-top-style: solid; border-bottom-style: solid; display: block;

}

.nav-footer a:hover {

	background: rgb(58, 68, 82); color: rgb(255, 255, 255);

}

.bottom-footer {

	background: rgb(0, 30, 50); margin: 0px auto; padding: 0.5em 0px; text-align: center; color: darkgray; border-top-color: gray; border-top-width: 0.1em; border-top-style: solid;

}

.bottom-footer div {

	background: rgba(0, 0, 0, 0.5); margin: 0px auto; padding: 0.25em 0px; width: 98%;

}

.bottom-footer p {

	margin: 0px; font-family: "droid-sans"; font-size: 12pt; font-weight: 200;

}

.bottom-footer a {

	color: rgb(84, 110, 122); font-size: 14pt; font-weight: 200;

}

.bottom-footer p a:hover {

	color: orange;

}

.m-location {

	display: none;

}

.m-facebook {

	display: none;

}

.socials form {

	background: rgba(0, 30, 60, 0.5); margin: 0px auto; padding: 1em; border: 0.1em solid orange; border-image: none; width: 500px;

}

.socials input {

	padding: 1%; width: 98%; height: 2em; text-align: justify; font-family: "droid-naskh"; font-size: 14pt; margin-bottom: 0.5em;

}

.socials textarea {

	padding: 1%; width: 98%; height: 2em; text-align: justify; font-family: "droid-naskh"; font-size: 14pt; margin-bottom: 0.5em;

}

.socials input:hover {

	background: lightblue;

}

.socials textarea:hover {

	background: lightblue;

}

.socials textarea {

	height: 5em; min-width: 98%; max-width: 98%;

}

.socials p {

	background: rgba(0, 0, 0, 0.5); margin: 0.25em auto; padding: 1% 0.5em; border-radius: 1em 0px 0px; width: 94%; text-align: right; color: gray; font-family: "droid-sans"; font-size: 14pt; font-weight: bold; border-bottom-color: lightgray; border-bottom-width: 0.1em; border-bottom-style: solid; display: inline-block;

}

.socials .sendbutton {

	margin: 0px; width: 42%; height: 3em; text-align: center; font-family: "droid-sans"; font-weight: bold;

}

.socials .clearbutton {

	margin: 0px; width: 42%; height: 3em; text-align: center; font-family: "droid-sans"; font-weight: bold;

}

.socials .sendbutton {

	border-radius: 0px 0px 1em;

}

.socials .clearbutton {

	border-radius: 0px 0px 0px 1em;

}

.socials .sendbutton:hover {

	background: yellow;

}

.socials .clearbutton:hover {

	background: yellow;

}

.end {

	background: rgb(0, 40, 60); width: 100%; height: 0.5em; border-top-color: orange; border-top-width: 0.1em; border-top-style: solid;

}

.start {

	background: rgb(0, 40, 60); width: 100%; height: 0.5em; border-top-color: orange; border-top-width: 0.1em; border-top-style: solid;

}

.start {

	border-top-color: currentColor; border-bottom-color: orange; border-top-width: 0px; border-bottom-width: 0.1em; border-top-style: none; border-bottom-style: solid;

}

.move-arrows {

	width: 100%; bottom: 1em; position: fixed; z-index: 999;

}

.totop img {

	width: 2.5em; height: 2.5em; opacity: 0.15;

}

.tobottom img {

	width: 2.5em; height: 2.5em; opacity: 0.15;

}

.totop img {

	left: 0px; margin-left: 2%; float: left;

}

.tobottom img {

	margin-right: 2%; float: right;

}

.totop img:hover {

	opacity: 1;

}

.tobottom img:hover {

	opacity: 1;

}

.dtc-body {

	background: rgba(200, 200, 200, 0.25); margin: 0.5em auto; width: 98%; height: 75%; display: block;

}

.container {

	background: url("../images/ebg.jpg") no-repeat center 20% / cover; margin: 0px auto; padding: 0px; border: 0px currentColor; border-image: none; width: 69.5%; height: 100%; overflow: hidden; -ms-overflow-y: scroll;

}

.dtc-title-2 {

	background: linear-gradient(lightgray, orange); border-width: 0px 0px 0.2em; border-style: none none solid; border-color: currentColor currentColor rgb(0, 40, 70); padding: 0.25% 1% 0.25% 0px; border-radius: 0px; border-image: none; color: rgb(0, 40, 70); line-height: 2.5em; position: relative;

}

.chosedtc {

	background: linear-gradient(rgb(0, 40, 70), black); width: 30%; height: 100%; text-align: center; color: lightgray; border-left-color: gray; border-left-width: 0.1em; border-left-style: solid; float: right; display: inline-block;

}

.chosedtc ul {

	padding: 0.25% 0px; width: 100%; height: 99%; text-align: center;

}

.chosedtc li {

	background: linear-gradient(rgb(0, 40, 70), black); padding: 1em; color: lightgray;

}

.chosedtc .li-title {

	color: orange; font-size: 12pt;

}

.chosedtc ul li:hover {

	background: linear-gradient(darkblue, black); cursor: pointer;

}

#dtc1 {

	background: url("../images/us/dtc1/a1-01.jpg") fixed no-repeat center / cover; border-bottom-color: lightgray; border-bottom-width: 0.2em; border-bottom-style: solid;

}

#dtc2 {

	background: url("../images/us/dtc2/a2-01.jpg") fixed no-repeat center / cover; border-bottom-color: lightgray; border-bottom-width: 0.2em; border-bottom-style: solid;

}

#dtc3 {

	background: url("../images/us/dtc3/a3-01.jpg") fixed no-repeat center / cover; border-bottom-color: lightgray; border-bottom-width: 0.2em; border-bottom-style: solid;

}

#dtc3 .dtc-titels {

	background: red; border: 0.1em solid red; border-image: none;

}

.dtcp {

	margin: 0px auto -0.5em; line-height: 40px;

}

.dtcp p {

	background: rgba(250, 250, 250, 0.65); margin: 0px; padding: 2%; width: 96%; text-align: justify; font-weight: 100; display: inline-block;

}

.dtcp h6 {

	background: rgba(200, 200, 200, 0.65); margin: 0px; padding: 0.5em 1% 0px; width: 98%; font-family: "droid-sans"; font-size: 16pt; border-bottom-color: gray; border-bottom-width: 0.1em; border-bottom-style: solid;

}

.dtcp ol {

	background: rgba(250, 250, 250, 0.65); margin: 0px; padding: 1em 2% 0px; width: 96%; display: inline-block;

}

.dtcp ol li {

	width: 98%; text-align: justify; margin-right: 2%;

}

.dtcimages {

	background: rgba(200, 200, 200, 0.75); padding-top: 0.5em; border-top-color: lightgray; border-bottom-color: lightgray; border-top-width: 0.2em; border-bottom-width: 0.2em; border-top-style: solid; border-bottom-style: solid;

}

.dtcimages div {

	text-align: center;

}

.dtcimages img {

	border-radius: 1em; border: 0.1em solid lightgray; border-image: none; width: 10em; height: 6em;

}

.dtc-h5-title {

	margin: 0px auto; width: 100%; height: 2.5em; text-align: center; position: relative;

}

.dtc-h5-title p {

	background: rgb(0, 40, 70); list-style: none; margin: 0px; width: 25%; height: 100%; color: orange; line-height: 2em; font-family: "droid-sans"; border-bottom-color: orange; border-bottom-width: 0.2em; border-bottom-style: solid; float: right; display: inline-block; cursor: pointer;

}

.dtc-h5-title p:hover {

	background: orange; color: rgb(0, 40, 70); border-bottom-color: rgb(0, 40, 70); border-bottom-width: 0.2em; border-bottom-style: solid;

}

.gal-container {

	background: rgba(200, 200, 200, 0.25); margin: 0px auto; padding: 0.5em; width: 98%;

}

.gal-dtc-group {

	background: linear-gradient(to top, lightgray, rgb(0, 40, 60), rgb(0, 40, 60)); margin: 0px auto 1em; width: 100%; position: relative;

}

.gal-dtc-group h2 {

	background: lightgray; margin: 0px; padding: 0.25em; font-size: 16pt; border-bottom-color: rgb(0, 40, 60); border-bottom-width: 0.2em; border-bottom-style: solid;

}

.gal-dtc-chooser {

	background: gray; padding: 0.5em 0px; text-align: center; margin-bottom: -1em;

}

.gal-dtc-chooser h3 {

	background: rgb(0, 40, 60); margin: 0.25em; padding: 0.5em 0.25em; border: 0.1em solid rgb(0, 40, 60); border-image: none; width: 30%; color: orange; font-size: 14pt; font-weight: 200; display: inline-block; cursor: pointer;

}

.gal-dtc-chooser .h3-title {

	color: lightgray; font-size: 10pt;

}

.gal-dtc-chooser h3 img {

	border: 0.1em solid lightgray; border-image: none; width: 98%; height: 9em; margin-top: 0.5em;

}

.gal-dtc-chooser h3:hover {

	background: orange; border: 0.1em solid rgb(0, 40, 60); border-image: none; color: rgb(0, 40, 60);

}

.gal-all-group {

	margin: 0px auto; border: 0.4em solid lightgray; border-image: none; width: 98.5%; display: none;

}

.gal-controllers {

	background: lightgray; text-align: left; border-bottom-color: orange; border-bottom-width: 0.4em; border-bottom-style: solid;

}

.gal-controllers h4 {

	background: rgb(0, 40, 60); margin: 0px; padding: 0.25em 1em; text-align: center; color: lightgray; font-family: "droid-sans"; font-size: 12pt; display: inline-block; cursor: pointer;

}

.gal-show {

	border-radius: 0px 1em 0px 0px; border-right-color: gray; border-right-width: 0.1em; border-right-style: solid;

}

.gal-controllers h4:hover {

	background: darkred;

}

.gal-image-thumbs {

	background: rgb(0, 40, 60); border: 0.2em solid orange; border-image: none; left: 50%; top: 50%; width: 90%; height: 30em; text-align: center; position: fixed; z-index: 999; box-shadow: 0px 0.5em 1em black; transform: translate(-50%, -50%);

}

.gal-images {

	height: 27.35em; overflow: hidden; padding-bottom: 0.5em; -ms-overflow-y: scroll;

}

.gal-image-thumbs img {

	background: url("../images/eradaImage.png") fixed no-repeat center / cover; margin: 1% 0.25% 0px; border-radius: 0.25em; border: 0.1em solid lightgray; border-image: none; width: 200px; height: 120px; box-shadow: 0px 0px 1em rgb(0,40,60);

}

.gal-image-slider {

	border: 0.2em solid orange; border-image: none; left: 50%; top: 50%; width: 90%; position: fixed; z-index: 999; box-shadow: 0px 0.5em 1em black; transform: translate(-50%, -50%);

}

.gal-image-slider .cycle-slideshow {

	border: 0.05em solid lightgray; border-image: none; width: 100%; height: 30em; display: block; z-index: 9; max-width: 100%;

}

.gal-image-slider .cycle-slideshow img {

	border-radius: 0px; border: 0px currentColor; border-image: none; width: 100%; height: 100%; max-width: 100%;

}

.gal-image-slider .cycle-prev {

	border-radius: 50%; top: 2%; width: 3em; height: 3em; display: block; position: absolute; z-index: 998; cursor: pointer; opacity: 0.2;

}

.gal-image-slider .cycle-next {

	border-radius: 50%; top: 2%; width: 3em; height: 3em; display: block; position: absolute; z-index: 998; cursor: pointer; opacity: 0.2;

}

.gal-image-slider .cycle-prev:hover {

	

}

.gal-image-slider .cycle-next:hover {

	

}

.gal-image-slider .cycle-pager:hover {

	

}

.gal-image-slider .cycle-prev {

	right: 2px;

}

.gal-image-slider .cycle-next {

	left: 2%;

}

.gal-image-slider .cycle-pager {

	width: 100%; text-align: center; bottom: 4.5%; position: absolute; z-index: 998; opacity: 0.5;

}

.gal-image-slider .cycle-pager span {

	margin: 0px 0.75%; border-radius: 50%; border: 0.1em solid lightgray; border-image: none; width: 0.5em; height: 0.5em; color: rgba(0, 0, 0, 0); display: inline-block; cursor: pointer;

}

.gal-image-slider .cycle-pager-active {

	background: yellow;

}

.gal-images .v-img {

	border-radius: 2em; border: 0.2em solid orange; border-image: none; left: 50%; top: 50%; width: 80%; height: 600px; display: none; position: fixed; z-index: 999; cursor: pointer; transform: translate(-50%, -50%);

}

.gal-images .v-img:hover {

	border: 0.2em solid lightgray; border-image: none;

}

.th-img {

	border-radius: 0.5em; border: 0.1em solid lightgray; border-image: none; width: 100px; height: 50px; cursor: pointer;

}

.th-img:hover {

	border: 0.1em solid orange; border-image: none;

}

.title-img {

	margin: 0px 0.5em 0px 0px; right: 0px; line-height: 2em; font-size: 14pt; font-weight: 200; display: inline-block; position: absolute;

}

.s-container {

	background: linear-gradient(lightgray, rgb(0, 40, 60), rgb(0, 40, 60)); margin: 0px auto; padding: 1%; width: 95.8%; text-align: center;

}

.s-container > p {

	margin: 1% auto; padding: 1%; border-radius: 1em; border: 0.1em dashed rgb(0, 40, 60); border-image: none; width: 96%; font-weight: 400;

}

.s-container p {

	text-align: justify;

}

.s-container h2 {

	background: linear-gradient(rgb(0, 40, 60), black); padding: 1%; border-radius: 0.5em 0.5em 0px 0px; text-align: justify; color: lightgray; font-size: 16pt; margin-bottom: 0px; border-bottom-color: orange; border-bottom-width: 0.1em; border-bottom-style: solid; cursor: pointer; box-shadow: 0px 0.5em 1em rgb(0,40,60);

}

.s-container h2:hover {

	background: orange; color: rgb(0, 40, 60); border-bottom-color: lightgray; border-bottom-width: 0.1em; border-bottom-style: solid;

}

.s-container div {

	background: gray; border-width: 0px 0.1em 0.1em; border-style: none solid solid; border-color: currentColor lightgray lightgray; margin: 0px auto; padding: 0.12% 1%; border-radius: 0px 0px 1em 1em; border-image: none; width: 94%; font-family: "droid-naskh"; box-shadow: 0px 0px 0.5em rgb(0,40,60);

}

.s-container li {

	margin: 0px 1em; text-align: justify;

}

.s-container img {

	margin: 1%; border-radius: 1em; border: 0.1em solid lightgray; border-image: none; width: 9em; height: 6em; box-shadow: 0px 0.5em 1em rgb(0,40,60);

}

.s-container .ss-close {

	background: lightgray; border-width: 0px 0.1em 0.1em; border-style: none solid solid; border-color: currentColor lightgray lightgray; margin: 0px; border-radius: 0px 0px 1em 1em; border-image: none; width: 8em; text-align: center; display: inline-block;

}

.s-container .ss-close:hover {

	background: orange; border-width: 0px 0.1em 0.1em; border-style: none solid solid; border-color: currentColor lightgray lightgray; border-image: none;

}

}