@media all and (max-width:639px) and (min-width:480px)

{

html {

	background: rgb(11, 25, 42); margin: 0px; padding: 0px; width: 100%; height: 100%; line-height: 1.5em; font-size: 12pt; font-weight: 200; direction: rtl;

}

body {

	margin: 0px; padding: 0px; width: 100%;

}

.eng-lang {

	font-family: "lucia-eng";

}

ul {

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

}

ol {

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

}

ul li {

	list-style: none;

}

h1 {

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

}

h2 {

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

}

h3 {

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

}

ul {

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

}

ul a {

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

}

p {

	font-family: "droid-naskh"; font-size: 12pt; font-weight: 200;

}

a {

	font-family: "droid-naskh"; font-size: 12pt; font-weight: 200;

}

a {

	color: black; text-decoration: none;

}

img {

	width: 100%; height: 100%;

}

header {

	background: linear-gradient(rgb(0, 40, 60), rgb(0, 40, 60), black); width: 100%; text-align: center; color: white; line-height: 2.75em; border-bottom-color: white; border-bottom-width: 0.2em; border-bottom-style: solid; box-shadow: 0px 0.5em 1em black;

}

header a {

	color: white;

}

header ul li {

	line-height: 3.5em; border-top-color: gray; border-top-width: 0.1em; border-top-style: solid; cursor: pointer;

}

.close-menu {

	background: darkred;

}

header ul li:hover {

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

}

header li ul li {

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

}

header li ul li:hover {

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

}

header:hover .nav-header {

	display: block;

}

.d-logo {

	display: none;

}

.logo {

	margin: 0px; width: 100%; height: 4em; text-align: center;

}

.logo .t-logo {

	margin: 2% 0px 2% 2%; width: 75%; height: 70%; vertical-align: middle; float: left; position: relative;

}

.logo .main-menu {

	margin: 2%; border: 0.1em solid rgb(0, 40, 60); border-image: none; width: 3em; height: 3em; float: right; position: relative; cursor: pointer;

}

.logo .main-menu:hover {

	border-radius: 0.5em; border: 0.1em solid white; border-image: none;

}

.show-main-jsm {

	width: 100%; display: inline-block;

}

.right-header {

	display: none;

}

.company-name {

	display: none;

}

.page-title {

	background: rgb(0, 40, 60); margin: 0.5em auto 0px; padding: 1%; color: lightgray; border-top-color: lightgray; border-bottom-color: lightgray; border-top-width: 0.1em; border-bottom-width: 0.3em; border-top-style: solid; border-bottom-style: solid;

}

.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 {

	width: 100%; height: 15.5em;

}

.image-slider .cycle-slideshow {

	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: 2em; height: 2em; bottom: 2%; display: block; position: absolute; z-index: 998; cursor: pointer;

}

.image-slider .cycle-next {

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

}

.image-slider .cycle-prev:hover {

	filter: none;

}

.image-slider .cycle-next:hover {

	filter: none;

}

.image-slider .cycle-pager:hover {

	filter: none;

}

.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;

}

.image-slider .cycle-pager span {

	margin: 0px 0.75%; border-radius: 50%; border: 0.1em solid white; border-image: none; width: 0.5em; height: 0.5em; 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, white, rgb(0, 50, 100), black); margin: 0.75% auto 0px; padding: 3% 2%; width: 96%; color: lightgray; border-bottom-color: orange; border-bottom-width: 0.2em; border-bottom-style: solid;

}

.ads {

	background: rgba(200, 200, 200, 0.25); margin: 0px auto 0.5em; padding: 0.25em 0px 1em; height: 3em; text-align: center; color: white; border-top-color: white; border-bottom-color: white; border-top-width: 0.1em; border-bottom-width: 0.1em; border-top-style: solid; border-bottom-style: solid; position: relative;

}

.ads .cycle-slideshow {

	margin: 0px auto; width: 100%;

}

.ads .cycle-slideshow span img {

	display: none;

}

.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: -1px auto; width: 100%; height: 100%; color: lightgray; padding-top: 0.5em; font-family: "droid-sans";

}

.ads .cycle-slideshow .p1 {

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

}

.ads .cycle-slideshow .p2 {

	line-height: 3em;

}

.about-us {

	width: 100%;

}

.about-us p {

	background: lightgray; margin: 0px auto; padding: 2%; width: 96%; text-align: justify;

}

.articles {

	background: rgba(255, 255, 255, 0.5); width: 100%;

}

.articles article {

	width: 100%;

}

.articles article div {

	background: rgb(0, 40, 70); width: 100%; display: inline-block; position: relative; box-shadow: 0px 0.25em 0.5em black;

}

.title-2 {

	background: linear-gradient(rgb(0, 40, 70), black); margin: 0px; padding: 1% 2% 2% 0px; width: 98%; color: lightblue; border-bottom-color: orange; border-bottom-width: 0.1em; border-bottom-style: solid; display: block; position: relative; cursor: pointer;

}

.title-2:hover {

	background: linear-gradient(white, orange); color: rgb(0, 40, 60);

}

.title-2 li {

	margin-right: 2%;

}

.our-vision .cycle-slideshow {

	top: 2.25em; width: 100%; height: 12.5em; display: block; position: absolute; z-index: 1; box-shadow: none;

}

.our-message .cycle-slideshow {

	top: 2.25em; width: 100%; height: 12.5em; display: block; position: absolute; z-index: 1; box-shadow: none;

}

.our-goals .cycle-slideshow {

	top: 2.25em; width: 100%; height: 12.5em; display: block; position: absolute; z-index: 1; box-shadow: none;

}

.articles article .overflow-p {

	background: rgba(200, 200, 200, 0.5); margin: -0.25em 0px 0px; width: 100%; height: 12.5em; display: block; z-index: 10;

}

.articles .overflow-p {

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

}

.articles .overflow-p p {

	background: rgba(200, 200, 200, 0.25); padding: 2% 4%; width: 94%; text-align: justify; font-family: "Droid-Naskh";

}

.articles .overflow-p li {

	background: rgba(200, 200, 200, 0.25); padding: 2% 4%; width: 94%; text-align: justify; font-family: "Droid-Naskh";

}

.consultant-region {

	margin: 0px auto; padding: 2%;

}

.consultant-region ol {

	padding: 2%;

}

.consultant-region ol li {

	list-style-position: inside;

}

.consultant-region div {

	background: rgba(255, 255, 255, 0.75);

}

.region {

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

}

.nav-region {

	width: 100%; display: inline-block; position: relative;

}

.nav-region ul {

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

}

.nav-region ul li {

	background: linear-gradient(rgb(0, 40, 70), black); height: 2.5em; color: lightgray; padding-top: 0.5em;

}

.nav-region ul li:hover {

	background: lightblue; color: black; cursor: pointer;

}

.region-close {

	background: linear-gradient(darkred, black); list-style: none; height: 2.5em; text-align: center; color: lightgray; padding-top: 0.5em; font-family: "droid-sans"; border-top-color: gray; border-bottom-color: gray; border-top-width: 0.1em; border-bottom-width: 0.1em; border-top-style: solid; border-bottom-style: solid;

}

.section-region {

	width: 100%; height: 15em; border-top-color: gray; border-top-width: 0.1em; border-top-style: solid; display: block; position: relative;

}

.section-region img {

	display: none;

}

.section-region .overflow-p {

	width: 100%; height: 98%; text-align: justify; overflow: hidden; padding-top: 2%; font-family: "droid-naskh"; position: relative; -ms-overflow-y: scroll;

}

.section-region .overflow-p li {

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

}

.our-partners {

	background: rgb(0, 40, 60); margin: 0px auto 0.5em; width: 100%; border-bottom-color: gray; border-bottom-width: 0.1em; border-bottom-style: solid; position: relative;

}

.partners {

	background: lightgray; width: 71%; height: 8em; right: 0px; overflow: hidden; display: inline-block; -ms-overflow-y: scroll;

}

.partners li {

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

}

.partners-logos {

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

}

.partners-logos .cycle-slideshow {

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

}

.partners-logos .cycle-slideshow img {

	width: 100%; height: 100%;

}

.contact-us {

	background: url("../images/footerBG.jpg") fixed no-repeat center / cover; margin: 0px auto 0.5em; width: 100%; 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 black;

}

.contact-us img {

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

}

.nav-footer a {

	background: rgb(134, 134, 134); padding: 0.5em 0px; text-align: center; color: rgb(30, 40, 60); font-family: "droid-sans"; 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";

}

.bottom-footer a {

	color: rgb(84, 110, 122);

}

.bottom-footer p a:hover {

	color: orange;

}

.socials {

	background: rgba(0, 40, 70, 0.25); width: 100%;

}

.socials div {

	margin: 0.5em auto; width: 100%; border-top-color: orange; border-bottom-color: orange; border-top-width: 0.1em; border-bottom-width: 0.1em; border-top-style: solid; border-bottom-style: solid; max-width: 100%;

}

.socials .d-location {

	display: none;

}

.socials .d-facebook {

	display: none;

}

.socials frame {

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

}

.socials form {

	background: rgba(0, 30, 60, 0.5); margin: 0px; padding: 1em 0px; width: 100%; border-top-color: orange; border-bottom-color: orange; border-top-width: 0.1em; border-bottom-width: 0.1em; border-top-style: solid; border-bottom-style: solid;

}

.socials input {

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

}

.socials textarea {

	padding: 1%; width: 98%; height: 2em; text-align: justify; font-family: "droid-naskh"; 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; width: 94%; text-align: right; color: gray; font-family: "droid-sans"; border-bottom-color: white; 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";

}

.socials .clearbutton {

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

}

.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: black; width: 100%; height: 0.5em; border-top-color: orange; border-top-width: 0.1em; border-top-style: solid; display: none;

}

.start {

	background: black; width: 100%; height: 0.5em; border-top-color: orange; border-top-width: 0.1em; border-top-style: solid; display: none;

}

.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-to {

	margin: 0px auto; padding: 0px 2%; border: 0.1em solid red; border-image: none; width: 94%; right: 0px; bottom: 1em; position: relative; z-index: 999;

}

.totop img {

	width: 2em; height: 2em; bottom: 0.5em; position: fixed; z-index: 999;

}

.tobottom img {

	width: 2em; height: 2em; bottom: 0.5em; position: fixed; z-index: 999;

}

.totop img {

	left: 0.5em; float: left;

}

.tobottom img {

	right: 0.5em; float: right;

}

.totop img:hover {

	filter: none;

}

.tobottom img:hover {

	filter: none;

}

.dtc-body {

	background: rgba(200, 200, 200, 0.25); margin: 0px auto 0.5em; width: 100%; 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: 100%;

}

.dtc-title-2 {

	background: linear-gradient(white, 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; width: 100%; text-align: center; color: rgb(0, 40, 70); line-height: 2em; position: relative; cursor: default;

}

.dtc-title-2 span {

	margin: 0px; padding: 0px;

}

.chosedtc {

	background: linear-gradient(rgb(0, 40, 70), black); width: 100%; text-align: center; color: white; margin-top: 0.5em; display: inline-block;

}

.chosedtc ul {

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

}

.chosedtc li {

	background: linear-gradient(rgb(0, 40, 70), black); padding: 0.25em 0px; width: 33.33%; color: lightgray; float: right; box-shadow: 0px 0.15em 0.25em white;

}

.chosedtc .opendtc4 {

	background: darkred; width: 100%; height: 2.5em; line-height: 2.5em; margin-top: -0.5em; border-bottom-color: orange; border-bottom-width: 0.1em; border-bottom-style: solid; float: none;

}

.chosedtc ul li:hover {

	background: orange; color: black; cursor: pointer;

}

.li-title {

	display: none;

}

#dtc1 {

	background: url("../images/us/dtc1/a1-01.jpg") fixed no-repeat center / cover; border-bottom-color: white; 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: white; 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: white; 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; height: 15em; line-height: 40px; overflow: hidden; -ms-overflow-y: scroll;

}

.dtcp p {

	background: rgba(250, 250, 250, 0.65); margin: 0px; padding: 2%; width: 96%; text-align: justify; line-height: 1.5; 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"; 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; line-height: 1.5em; margin-right: 2%;

}

.dtcimages {

	background: rgba(200, 200, 200, 0.75); padding-top: 0.5em; border-top-color: white; border-bottom-color: white; 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 white; border-image: none; width: 8em; height: 5em;

}

.dtc-h5-title {

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

}

.dtc-h5-title p {

	background: rgb(0, 40, 70); list-style: none; margin: 0px; width: 49%; color: orange; line-height: 2em; font-family: "droid-sans"; border-bottom-color: orange; border-bottom-width: 0.2em; border-bottom-style: solid; 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: 0.5em auto 0px; width: 100%;

}

.gal-dtc-group {

	background: linear-gradient(to top, white, rgb(0, 40, 60), black); margin: 0px; width: 100%; position: relative;

}

.gal-dtc-group h2 {

	background: white; margin: 0px; padding: 0.25em; text-align: center; border-bottom-color: rgb(0, 40, 60); border-bottom-width: 0.2em; border-bottom-style: solid;

}

.gal-dtc-chooser {

	background: gray; text-align: center;

}

.gal-dtc-chooser h3 {

	background: rgb(0, 40, 60); margin: 0.25em; padding: 0.25em; border: 0.1em solid rgb(0, 40, 60); border-image: none; width: 90%; color: orange; display: inline-block; cursor: pointer;

}

.gal-dtc-chooser span {

	color: white;

}

.gal-dtc-chooser h3:hover {

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

}

.gal-dtc-chooser h3 img {

	display: none;

}

.gal-all-group {

	margin: 0px auto; width: 100%; display: none;

}

.gal-controllers {

	background: white; text-align: left; border-bottom-color: orange; border-bottom-width: 0.3em; border-bottom-style: solid;

}

.gal-controllers h4 {

	background: rgb(0, 40, 60); margin: 0.25em 0px 0px; padding: 0.25em 1em; text-align: center; color: white; border-bottom-color: white; border-bottom-width: 0.2em; border-bottom-style: solid; 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: 25em; text-align: center; position: fixed; z-index: 999; box-shadow: 0px 0.5em 1em black; transform: translate(-50%, -50%);

}

.gal-image-thumbs img {

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

}

.gal-images {

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

}

.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: 17em; 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: 2em; height: 2em; display: block; position: absolute; z-index: 998; cursor: pointer;

}

.gal-image-slider .cycle-next {

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

}

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

	filter: none;

}

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

	filter: none;

}

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

	filter: none;

}

.gal-image-slider .cycle-prev {

	right: 2%;

}

.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;

}

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

	margin: 0px 0.75%; border-radius: 50%; border: 0.1em solid lightgray; border-image: none; width: 0.4em; height: 0.4em; 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: 0.5em; border: 0.2em solid orange; border-image: none; left: 50%; top: 50%; width: 95%; height: 350px; 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: 70px; height: 45px; 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: 2.5em; font-size: 14pt; font-weight: 200; display: inline-block; position: absolute;

}

.s-container {

	background: linear-gradient(white, rgb(0, 40, 60), black); margin: 0.5em auto; padding: 2%; width: 96%; text-align: center;

}

.s-container > p {

	background: rgba(200, 200, 200, 0.25); margin: 1% auto; padding: 4%; border-radius: 1em; border: 0.1em dashed black; border-image: none; width: 92%;

}

.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-weight: 200; margin-bottom: 0px; border-bottom-color: orange; border-bottom-width: 0.1em; border-bottom-style: solid; cursor: pointer; box-shadow: 0px 0.5em 1em black;

}

.s-container h2:hover {

	background: orange; color: rgb(0, 40, 60); border-bottom-color: white; 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 white white; margin: 0px auto; padding: 0.12% 1%; border-radius: 0px; border-image: none; width: 94%; font-family: "droid-naskh"; box-shadow: 0px 0px 0.5em black;

}

.s-container li {

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

}

.s-container img {

	margin: 1%; border-radius: 1em; border: 0.1em solid white; border-image: none; width: 9em; height: 6em; box-shadow: 0px 0.5em 1em black;

}

.s-all {

	height: 20em; overflow: hidden; -ms-overflow-y: scroll;

}

.s-container .ss-close {

	background: white; border-width: 0px 0.1em 0.1em; border-style: none solid solid; border-color: currentColor white white; 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 white white; border-image: none;

}

.s-all img {

	width: 6em; height: 4em;

}

}