/*------------------------------------------------------



CSS overview: 



	1. RESET

	2. MAIN CONTENT

	3. PRIMARY MENU 

	4. SECTION TITLE

	5. FOOTER

	6. TWITTER

	7. PHOTOSTREAM

	8. COLUMNS

	9. TEAM

	10. GRID VIEW

	11. BUTTONS

	12. HIGHLIGHTS

	13. DROPCAPS

	14. DIFFERENT UL STYLES

	15. TOGGLE

	16. ACCORDION

	17. PORTFOLIO

	18. PORTFOLIO THUMBNAIL HOVER

	19. SHAPED STYLE ITEM

	20. HEXAGON STYLE

	21. CIRCLE STYLE

	22. TRIANGLE STYLE

	23. PORTFOLIO FILTERABLE NAVIGATION

	24. ITEM NAVIGATION

	25. CONTACT MODAL WINDOW

	26. CONTACT

	

---------------------------------------------------------*/



/*--------------------------------------------------

				      RESET

---------------------------------------------------*/





/*@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);*/



/*@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);*/



@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);



/*@import url(http://fonts.googleapis.com/earlyaccess/notokufiarabic.css);*/



/*@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);*/





@font-face {

    font-family: 'GE_SS_Two_Light';

    src: url('font/GE_SS_Two_Light.eot');

    src: url('font/GE_SS_Two_Light.eot?#iefix') format('embedded-opentype'),

        url('font/GE_SS_Two_Light.woff') format('woff'),

        url('font/GE_SS_Two_Light.ttf') format('truetype'),

        url('font/GE_SS_Two_Light.svg#GE_SS_Two_Light') format('svg');

    font-weight: normal;

    font-style: normal;

}











.red , .black  {font-family:"GE_SS_Two_Light", Tahoma, serif !important; font-size:15px;}

#h, #s , #m , #d {font-family:"GE_SS_Two_Light", Tahoma, serif !important; font-size:40px;}

*{

	font-family:"Droid Arabic Kufi", Tahoma, serif !important;

}

pre,code{

	font-family:"Droid Arabic Kufi", Times, serif;

	white-space:pre;

	padding:20px;

	letter-spacing: 0.1em;

}

pre{

	padding:5px;

}

code{

	-moz-border-radius: 2px;

	-webkit-border-radius:2px;

	border-radius:2px;

	background:#fff;

	font-size:11px;

	color: #666666;

	padding: 3px;

	padding-left: 10px;

	background-color: #f8f8f8;

}

.clear:after {

    clear: both;

    content: "";

    display: block;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px; 

	padding:0px; 

	border:0px; 

	border-collapse:separate; 

	border-spacing:0px;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	text-decoration:none;

}

html, body {

	height: 100%;

	width: 100%;

}

::-moz-selection{ color: #fff; background: #707070; }

::selection { color: #fff; background: #707070; }

body {

	font-family:  Droid Arabic Kufi, tahoma, sans-serif;

	font-size: 14px;

	line-height: 17px;

	color: #676767;

	background: url(../images/pattern/border.jpg) center top repeat-y #fff;

}

h1,h2,h3,h4,h5,h6 {

	margin-bottom: 15px;

	font-weight: normal;

}

h1{

	font-size:42px;

	line-height: 44px;

}

h2{

	font-size: 32px;

	line-height: 34px;

}

h3{

	font-size:24px;

	line-height: 29px;

}

h4{

	font-size:20px;

	line-height: 25px;	

}

h5{

	font-size:16px;

	line-height: 21px;

}

h6{

	font-size:14px;

	line-height: 17px;

}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title ,.section-title p{

	font-family: 'Droid Arabic Kufi', sans-serif !important;

	font-size:14px;

	line-height: 20px;

	font-weight:bold;

}



.section-title p{

	text-align:center;

	margin-top:8px

}



h3.title {

/*background: #d3ae34 url(../images/bgtab.png);*/

background:url(../images/titnewagancy.png) right no-repeat;

/*border-right: 7px solid #4a6031;*/

border-bottom:5px solid #eaeaea;

height: 26px;

margin-bottom: 19px;

color: #fff;

font-family: 'Droid Arabic Kufi', sans-serif;

font-size: 14px;

font-weight: bold;

padding-top: 22px;

padding-right:54px;	

	}





ul, ol	{

	display: block;

	padding: 0px;

	margin: 0 0 14px 17px;

}

blockquote {

	float: left;

	width: 60%;

	margin: 10px 15px 10px 0;

	color: #aaa;

	background: url(../images/sprite.png) no-repeat scroll 0 -330px transparent;

}

blockquote.right {

	float: right;

	margin: 10px 0 15px  15px;

}

blockquote p {

    font: 14px/16px Droid Arabic Kufi, Arial, sans-serif;

	font-weight: normal;

	font-style: italic;

	padding-left: 40px;

}

p {

	margin-bottom: 14px;

	font-family:Tahoma, Geneva, sans-serif;

	text-align:justify;

}

p:last-child {

	margin-bottom: 0;

}

em {

	font-style: italic;

}

strong, b {

	font-weight: bold;

}

input, textarea, select {

	outline: medium none;

	font-family:  Droid Arabic Kufi, Arial, sans-serif;

	font-size:12px;

	color: #bbb;

	border: 1px solid #ddd;

	-moz-border-radius: 2px;

	-webkit-border-radius:2px;

	border-radius:2px;

	-webkit-transition: all 0.2s ease-out 0s;   

	-moz-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s; 

	background-color: #fff;

	padding: 8px;

}

.gsc-input-box {

height: 34px !important;

}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {

height: 21px !important;

margin-top: 6px !important;

min-width: 20px !important;

}

input:focus, textarea:focus, select:focus {

	border: 1px solid #8DC5C5;

	color: #676767;

	box-shadow:0 0 4px rgba(82,168,236,.5);

	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);

	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);

}

input.submit, input.submit:focus, input.submit:active {

	cursor:pointer;

	text-align:center;

	text-transform: uppercase;

	font-size:11px;

	font-weight: bold;

	line-height: 14px;

    color: #fff;

	text-decoration:none !important;	

	padding: 13px;

	border: none;

	box-shadow:0 0 0;

	-moz-box-shadow:0 0 0;

	-webkit-box-shadow:0 0 0;

}

input.submit:hover {

	background-color: #444;

}

a{ 

	-webkit-transition:all 0.14s ease 0s; 

	-moz-transition:all 0.14s ease 0s; 

	-o-transition:all 0.14s ease 0s; 

	outline:none;

}

a:hover {

	color: #444;

}



#red {color:#F00;

}

.title, .title a { 

	text-decoration: none;

}

.title a:hover {

}

img, iframe {

	max-width:100%;

}

.alignleft {

	float:left;

	margin: 10px 20px 10px 0;

}

.alignright {

	float:right;

	margin: 10px 0 10px 20px;

}

.aligncenter {

	display: block;

	margin: 10px auto 10px auto;

}

.text-align-right {

	text-align: right;

}

.text-align-left {

	text-align: left;

}

.text-align-center {

	text-align: center;

}

.divider {

	float: left;

	width: 100%;

	height: 70px;

}

.divider-border {

	border-top: 2px solid #eee;

	float: left;

	width: 100%;

	margin: 40px 0;

}

/*--------------------------------------------------

			MAIN CONTENT

---------------------------------------------------*/

#wrapper {

	width: 100%;

}



.content-wrapper {

	/*background: url(../images/headz.png) repeat top;*/

	border-top: 2px solid #495f31;

	/*background: url(../images/background1.jpg);*/

	background:#fff;

margin: 0;

	width: 1050px;

	margin: 0 auto;

	padding: 0 30px;

	background-color: #fff;

	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

}	

#header-wrapper {

}	

.header {

	width: 1050px;

	padding: 0;

	margin: 0;

	position:relative;

	border-bottom: 2px solid #eee;

}

#contact-fullwidth.header {

	border-bottom: none;

	margin: 0 auto;

}

#logo {

	margin-top: 20px;

}

#logo, #logo a {

	float: right;

}

#logo a {

}



#logo2 {

	margin-top: 20px;

}

#logo2, #logo2 a {

	float: left;

}	

/*--------------------------------------------------

			search 

---------------------------------------------------*/

.search-header{

	float: left;

	background: #fff;

	position: absolute;

	top: 14px;

	left: 255px;

	height: 43px;

}

/*--------------------------------------------------

			PRIMARY MENU 

---------------------------------------------------*/



#primary-menu {

	float: right;

	margin: 0;

	padding: 0;

}

.mbg{

	width:1045px;

	height: 51px;

	background: #4a6031 url(../images/bgtab.png);

	border-right: 7px solid #d3ae34;

	}



#primary-menu select {

	display:none;

}

#primary-menu select {

	background: none repeat scroll 0 0 #FFFFFF;

	border: 1px solid #eee;

    cursor: pointer;

    width: 200px;

	padding: 7px;

	margin: 38px 0;

	box-shadow:0 0 0 rgba();

	-moz-box-shadow:0 0 0 rgba();

	-webkit-box-shadow:0 0 0 rgba();

	color: #676767;

}

#primary-menu ul {

	margin: 0;

	list-style-type: none;

	float: right;

	right:0;

	margin-top: 30px;

}

#primary-menu ul li:hover { 

	visibility: inherit; 

	background: #d3ae34 url(../images/bgtab.png);

}

#primary-menu ul li {

	position: relative;

	display: inline;

	float: right;

	margin: 0 0 -1px 0;

	/*background: url(../images/sprite.png) no-repeat scroll left -153px transparent;*/

}

#primary-menu ul ul li:last-child{

	background: #5b8242 url(../images/bgtab.png);

}

#primary-menu ul li:last-child {   	

	color:#fff;

}

#primary-menu ul li a {

	text-decoration: none;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 700;

	color: #fff !important;

	padding: 17px 15px;

	display: block;

	float: right;

}

#primary-menu ul li a:hover, #primary-menu ul li.sfHover a {

	color: #fff;

}

#primary-menu ul li a.current {

	color: #fff;

}

#primary-menu ul li a.logo {

	display: none;

	margin: 0;

}

#primary-menu ul ul {

	position: absolute;

	top: -9999em;

	width: 180px;

    background: #444; 

	z-index: 9999;

}

#primary-menu ul ul li { 

	width: 110%; 

}



#primary-menu ul ul li:hover { 

}



	



#primary-menu ul li:hover ul {

	left: 0;

	top: 51px;

}

#primary-menu ul li:hover li ul { 

	top: -9999em; 

}

#primary-menu ul li li:hover ul {

	left: 180px;

	top: 0;

}

#primary-menu ul ul {

	padding: 0;

	margin: 0;

}

#primary-menu ul ul li {

	margin: 0;

	background: #5b8242 url(../images/bgtab.png);

	color:#fff;

	border-bottom: 1px solid #555;

}

#primary-menu ul ul li:last-child {

	border-bottom: none;

}

#primary-menu ul ul li a {

	font-size: 13px;

	font-weight: 700;

	padding: 12px 15px;

}

#primary-menu ul li:hover ul li a { 

    color: #999;    

}

#primary-menu ul li:hover ul li a:hover { 

    color: #fff; 

	

}

.fixed { position: fixed; top: 0px; z-index:999; height: 105px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

#header-wrapper .fixed { }

.fixed .header { border-bottom: none; margin-right:-30px;  width: 1109px; background: #4a6031 url(../images/bgtab.png);height: 109px; }

.fixed #logo { display:none; }

.fixed .logo2 { position:absolute; left: 30px; top:12px; }

.fixed #primary-menu ul { padding: 0 30px 0 0; }

.fixed #primary-menu ul li { background: url(../images/sprite.png) no-repeat scroll right -149px transparent; }

.fixed #primary-menu ul li:last-child {  background: none; }

.fixed #primary-menu ul li a { color: #676767; padding: 21px 15px; }

.fixed #primary-menu ul li a:hover, .fixed #primary-menu ul li.sfHover a {	background-color: #444;	color: #fff; }

.fixed #primary-menu ul li a.current { color: #fff; }

.fixed #primary-menu ul li:hover ul { top: 59px; }

.fixed #primary-menu ul ul li { background: none; }

.fixed #primary-menu ul li:hover ul li a { padding: 12px 15px; background: #444; color:#999; }

.fixed #primary-menu ul li:hover ul li a:hover { color:#fff; }

/*--------------------------------------------------

		  SECTION TITLE

---------------------------------------------------*/

.section-title {

	overflow: hidden;

	margin: 0 0 30px 0;

	padding: 30px 0;

	border-bottom: 1px solid #eee;

}

.section-title .title, .section-title .title a  {

	font-family: 'Droid Arabic Kufi', sans-serif;

	display: inline;

	word-spacing: 5px;

}

.section-title h1.title {

	font-size:22px;

	line-height: 28px;

	font-weight: 700;

	text-transform: uppercase;

	display: block;

	margin: 0;

}

.section-title h1.title span {

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-weight: 300;

	text-transform: none;

	color: #aaa;

}

.section-title p {

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-weight: 300;

	font-size: 22px;

	line-height: 27px;

}

.section-title .section-nav {

}

.section-title .section-nav  ul {

	padding: 20px;

	margin: 0 auto;

}

/*--------------------------------------------------

						 FOOTER

---------------------------------------------------*/

#footer {

	color: #999;

	font-size: 11px;

	float: left;

	margin-top: 50px;

}

#footer a {

	color: #ccc;

	font-weight: bold;

}

#footer a:hover {

}

#footer h3 {

	text-transform: uppercase;

	font-size: 11px;

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-weight: 400;

	color: #fff;

	display: block;

}

#footer ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

#footer ul li {

	margin-bottom:15px;

}

#footer ul li .date {

	font: normal 11px/20px Droid Arabic Kufi,Arial,sans-serif;

    display: block;

}

#footer-content {

	width: 1050px;

	margin: 0 0 0 -30px;

	padding: 0 30px;

	background-color: #444;

}

#footer-bottom, #footer-top {

	padding: 35px 0;

	overflow: hidden;

	position: relative;

}

#footer-bottom {

	font-size: 11px;

	/*border-top: 1px dotted #777;*/

	padding: 25px 0px 18px 25px;

}

#footer-bottom p {

	margin-bottom: 0;

	font-size: 13px !important;

}

#footer-bottom a {

}

/*--------------------------------------------------

				TWITTER

---------------------------------------------------*/

.tweets ul, #footer .tweets ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

}

.tweets li, #footer .tweets li {

	margin-bottom: 30px;

	word-wrap: break-word;

}

.tweet_even:last-child, .tweet_odd:last-child {

	margin-bottom: 0;

}

.tweets ul span, #footer .tweets ul span {

}

.tweets .tweet_text, #footer .tweets .tweet_text{

	list-style-type: none;

	display: block;

}

.tweets .tweet_text a, #footer .tweets .tweet_text a {

	display: inline;

}

.tweets .tweet_time {

	display: block;

	margin-top: 5px;

}

.tweets .tweet_time a, #footer .tweets .tweet_time a {

	font: normal 11px/20px Droid Arabic Kufi,Arial,sans-serif;

	font-style: normal;

	padding: 5px 0;

}

#footer .tweets .tweet_time a {

	color: #999;

	font-style: italic;

}

.tweets a:hover , #footer .tweets a:hover, .tweets .tweet_time a:hover, #footer .tweets .tweet_time a:hover {

}

/*--------------------------------------------------

			PHOTOSTREAM

---------------------------------------------------*/

.photostream-wrapper, #footer .photostream-wrapper {

	float: left;

}

.photostream ul, #footer .photostream ul, .widget .photostream ul {

	list-style-type: none;

	padding: 0;

	margin: 0;

	margin-left: -10px;

}

.photostream ul li, #footer .photostream ul li, .widget .photostream ul li {

	width: auto;

	float: left;

	margin: 0 0 10px 10px;

}

.photostream a, #footer .photostream a, .photostream img, #footer .photostream img {

	height: 40px;

	width: 40px;

}

.photostream a, #footer .photostream a {

	border: 1px solid #eee;

	padding: 4px;

	display: block;

}

#footer .photostream a {

	border: 1px solid #555;

}

#footer .photostream a {

}

.photostream a:hover, #footer .photostream a:hover {

}

.photostream img, #footer .photostream img {

	opacity:0.7;

	filter:alpha(opacity=70);

}

.photostream a:hover img, #footer .photostream a:hover img {

	opacity:1;

	filter:alpha(opacity=100);

}

/*--------------------------------------------------

				      COLUMNS

---------------------------------------------------*/

.one, .two-third, .one-third, .one-fourth { float:left; position:relative; margin-right:4%; }

.one-half { float:right; position:relative; margin-right:12px;font-family: "Droid Arabic Kufi"; }

.one { width: 100%; margin-right: 0; margin-top:30px; }

.one-half {	width: 49%; }

.two-third { width: 65.33%; }

.one-third  { width: 30.66%; }

.one-fourth { width: 22%; }

.last { margin-right: 0 !important; }

.two-third p , .two-third div {font-family:Verdana, Geneva, sans-serif; line-height: 30px !important; font-size:14px !important;margin: 0px 0px 14px;padding: 0px;border: 0px;border-collapse: separate;border-spacing: 0px;text-align: right;color: rgb(103, 103, 103);}

.two-third p a { font-weight:bold;line-height: 20px; font-size:14px !important; color:#81cc4d;line-height: 30px;}

p , p span { margin: 0px 0px 14px;padding: 0px;border: 0px;border-collapse: separate;border-spacing: 0px;text-align: right;line-height: 30px !important; font-size:13px !important; font-weight:normal !important; font-family:Droid Arabic Kufi, Tahoma, Geneva, sans-serif !important;}

@-webkit-keyframes slidetounlock {

  0% {

    background-position: -720px 0;

  }

  100% {

    background-position: 720px 0;

  }

}



#upimg:hover{

	background: -webkit-gradient(linear,left top,right top,color-stop(0, #bd8641),color-stop(0.4, #bd8641),color-stop(0.5, white),color-stop(0.6, #bd8641),color-stop(1, #bd8641)); 

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: slidetounlock 30s infinite;}

	

/*--------------------------------------------------

			TEAM

---------------------------------------------------*/

.team {

	background-color: #f8f8f8;

	position: relative;

}

.team-member-info {

	padding: 15px;

	overflow: hidden;

}

.team-member-info ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.team-member-info li {

	display: inline;

}

.team-member-info h2 {

	font-size: 14px;

	font-weight: bold;

	line-height: 20px;

}

.team-member-info h3 {

	font-size:11px;

	text-transform: uppercase;

	line-height: 17px;

}

.team-member-info p {

	margin-top: 13px;

}

.team-member-info img {

}

div.arrow {

	background: url(../images/sprite.png) no-repeat 0 -128px transparent;

	height: 6px;

	width: 12px;

	margin: -10px 0 0 17px;

	position: relative;

}

.team-member-info h2, .team-member-info h3, .team-member-info p {

	margin-bottom: 0;

}

.team-member-info .social-personal {

	margin-top: 13px;

	padding-top: 13px;

	border-top: 1px dotted #CCCCCC;

}	

.team-member-info .social-personal li {

	display: inline;

	float: left;

}	

.team-member-info .social-personal li a {

	padding: 0 5px;

	font-size: 11px;

	color: #676767;

}	

.team-member-info .social-personal li a:hover {

	color:#fff;

}

.team-member-info .social-personal li span {

	font-size: 10px;

}

/*--------------------------------------------------

		   SERVICES GRAPH

---------------------------------------------------*/

.skills-graph {

	display: block;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.skills-graph li, .skills-graph li span {

	-moz-border-radius: 300px 300px 300px 300px; 

	-webkit-border-radius: 300px 300px 300px 300px;

	border-radius: 300px 300px 300px 300px;

}

.skills-graph li {

	margin-bottom: 10px;

	font-size: 11px;

	text-transform: uppercase;

}

.skills-graph li p {

	margin-bottom: 0;

}

.skills-graph li strong {

	margin-left: 5px;

	color: #444;

}

.skills-graph li span {

	height: 13px;

}

/*--------------------------------------------------

		    GRID VIEW

---------------------------------------------------*/

.grid {

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

}

.grid li {

    float: left;

	border-bottom: 1px dashed #ddd;

	border-right: 1px dashed #ddd;

}

.grid.row3 li {

    width: 319px;

}

.grid.row4 li {

    width: 239px;

}

.grid.row5 li {

    width: 191px;

}

.grid.row6 li {

    width: 159px;

}

.grid li.last {

	border-right: none;

}

.grid li.last-row {

	border-bottom: none;

}

.grid img {

	display: block;

	margin: 0 auto;

}

.services div {

	padding: 15px 10px;

	text-align: center;

}

.services div a {

	color: #676767;

}

.services div:hover, .services div:hover a {

	color: #FFFFFF;

}

.services div:hover a {

	background-color:#444; 

}

.services img, .services h2 {

	display: block;

	margin-bottom: 20px;

}

.services h2 {

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-size:15px;

	line-height: 20px;

	font-weight: 700;

	text-transform: uppercase;

}

.clients img {

	-moz-transition:all 0.14s ease 0s; 

	-webkit-transition:all 0.14s ease 0s;   

	-o-transition:all 0.14s ease 0s; 

	opacity:0.5;

	filter:alpha(opacity=50);

}

.clients img:hover {

	opacity:1;

	filter:alpha(opacity=100);

}

/*--------------------------------------------------

		    BUTTONS

---------------------------------------------------*/

.button {

	cursor:pointer;

	text-align:center;

	display:inline-block;

	margin-right: 5px;

	margin-bottom: 5px;

	-moz-border-radius: 2px;

	-webkit-border-radius:2px;

	border-radius:2px;

}

.button.right {

	float:right;

}

.button, .button:hover {

	font-weight: bold;

	color: #FFFFFF;

	text-transform:uppercase;

}

.button:hover {

	background-color: #444;

}

.small {

	padding:0 6px;	

	font-size: 11px;

	line-height: 16px;

}

.medium {

	font-size:11px;

	padding: 7px 14px !important;

}

.large {

	padding: 11px 19px 11px 19px !important;

	font-size: 17px;

}

.rounded {

	-moz-border-radius: 20px;

	-webkit-border-radius:20px;

	border-radius:20px;

}

.grey { background-color:#444; }

.yellow { background-color:#FEEB43; color: #707070; }

.orange { background-color:#79c04b; }

.green { background-color:#78d18b; }

.tealgreen { background-color:#3ea9a1; }

.blue { background-color: #7CC0CB; }

.navyblue { background-color: #657383; }

.purple { background-color:#9a86a2; }

.magenta {background-color:#C25283; }

.pink { background-color:#F9A7B0; }

.red { /*background-color:#dc4f49;*/ }

.cream { background-color:#C9C299; }

/*--------------------------------------------------

			HIGHLIGHTS

---------------------------------------------------*/

.highlight1 {

	color: #FFFFFF;

	padding: 0 2px;

}

.highlight2 {

	background-color: #444;

	color: #FFFFFF;

	padding: 0 2px;

}

.highlight3 {

	border-bottom: 1px dotted;

}

/*--------------------------------------------------

			DROPCAPS

---------------------------------------------------*/

.dropcap1 {

	float: left;

	font-size: 53px;

	line-height: 50px;

	color: #444;

	margin: 0 8px 0 0;

	font-weight: bold;

}

.dropcap2 {

    background-color: #444;

    border-radius: 2px 2px 2px 2px;

    color: #FFFFFF;

    display: block;

    float: left;

    font-size: 24px;

    line-height: 32px;

    margin: 6px 8px 0 0;

    padding: 5px 0;

    text-align: center;

    width: 44px;

}

.dropcap3 {

    background-color: #444;

    border-radius: 55px 55px 55px 55px;

    color: #FFFFFF;

    display: block;

    float: left;

    font-size: 24px;

    line-height: 44px;

    margin: 6px 8px 0 0;

    text-align: center;

    width: 44px;

}

/*--------------------------------------------------

			DIFFERENT UL STYLES

---------------------------------------------------*/

.check-list, .arrow-list, .star-list {

	list-style-type:none;

	margin: 0px;

	padding: 0px;

	display: block;

}

.check-list li, .arrow-list li, .star-list li {

	margin-bottom: 5px;

	padding-left: 20px;

}

.arrow-list li {

	background: url(../images/bullet-ul.png) no-repeat scroll -82px 5px transparent;

}

.check-list li {

	background: url(../images/bullet-ul.png) no-repeat scroll -42px -45px transparent;

}

.star-list li {

	background: url(../images/bullet-ul.png) no-repeat scroll 0px -82px transparent;

}

ul.colored-counter-list {

	counter-reset:li;

	margin-left:0; 

	padding-left:0; 

}

ul.colored-counter-list > li {

	position:relative; 

	list-style:none;

	padding-left: 35px;

	margin-bottom: 13px;

}

ul.colored-counter-list > li:before {

	content:counter(li); 

	counter-increment:li; 

	position:absolute;

	top:0;

	left:0;

	width:25px;

	margin-right:8px;

	padding: 3px 0;

	text-align:center;

	-moz-border-radius: 2px;

	-webkit-border-radius:2px;

	border-radius:2px;

	background-color: #444;

	color: #fff;

}

/*--------------------------------------------------

			TOGGLE

---------------------------------------------------*/

.toggle-wrap {

	float: left;

	width: 100%;

	margin-bottom: 6px;

}

.trigger {

}

.trigger a {

	display: block;

	padding: 10px;

	padding-left: 15px;

	text-decoration: none;

	font-weight: bold;

	color: #676767;

	box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);

	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);

	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);

	-webkit-transition-duration: 0s; 

	-moz-transition-duration: 0s; 

	-o-transition-duration: 0s;	

	background: url(../images/bullet-toggle.png) no-repeat right 15px #f8f8f8;

}

.trigger.active a { 

	background: url(../images/bullet-toggle.png) no-repeat right -20px #f8f8f8;

}

.toggle-container {

	overflow: hidden;

	float: left;

	padding: 15px;

}

/*--------------------------------------------------

	     ACCORDION

---------------------------------------------------*/

.trigger-button {

	float: left;

	width: 100%;

	padding: 10px 0 10px 0;

	margin-bottom: 6px;

	text-decoration: none;

	font-weight: bold;

	box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);

	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);

	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.17);	

	background: url(../images/bullet-toggle.png) no-repeat right 15px #f8f8f8;

	cursor:pointer;

}

.trigger-button span {

	padding-left: 15px;

}

.trigger-button.active { 

	background: url(../images/bullet-toggle.png) no-repeat right -20px #f8f8f8;

}

.accordion {

	float: left;

	padding: 8px 15px 22px 15px;

}

/*--------------------------------------------------

				PORTFOLIO

---------------------------------------------------*/

.portfolio-grid ul li a.hide {

	display: none;

}

.portfolio-grid {

	width: 690px;

	margin: 0 0 0 -5px;

	padding: 0;

	float: right;

}

.portfolio-grid ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.portfolio-grid ul li {

	float: right;

	margin: 0 0 5px 5px;

	padding: 0;

	position: relative;

	background-color: #f8f8f8;

}

.isotope-item {

    z-index: 1;

}

.isotope-hidden {

    z-index: 0;

}

.portfolio-grid ul li.col2 {

	width: 477px;

}

.portfolio-grid ul li.col3 {

	width: 316px;

}

.portfolio-grid ul li.col4 {

	width: 225px;

}

.portfolio-grid ul li img {

	float: right;

	height: 164px;

}	

.item-info {

	padding: 15px;

	float: right;

}

.item-info h3, .item-info-overlay h3 {

	font-size: 15px;

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-style: normal;

	font-weight: 300;

	line-height: 17px;

	margin-bottom: 0;

	background:none !important;

	border-bottom:none !important;

	padding-right:1px;

}

.item-info h3.title a {

	color: #676767;

}

.item-info-overlay h3.title a {

	color: #fff;

}

.item-info-overlay h3.title a:hover {

	color: #fff;

}

.one-third ul li , .button:hover , .button, .post-info div.date span.month, .post-info div.comments a {font-family: "Droid Arabic Kufi", Tahoma;}

.item-info h4, .item-info-overlay h4 {

	font-family: Verdana, Geneva, sans-serif !important;

	font-size:20px;

	line-height: 14px;

	font-weight:bold;

	color: #444;

	text-transform: uppercase;

	margin-bottom: 0;

}

/*--------------------------------------------------

		    PORTFOLIO THUMBNAIL HOVER

---------------------------------------------------*/

.item-info-overlay {

	color: #fff;

	font-size:11px;

}

.item-info-overlay {

	position:absolute;

	width:100%;

	height:100%;

	left: 0;

	top: 0;

	display: none;

    z-index: 120;

}

.item-info-overlay div {

	padding: 0 9% 9% 9%;

}

.item-info-overlay h3 {

	padding: 9% 9% 2% 9%;

	font-size: 17px;

}	

.item-info-overlay p {

	margin-top: 10px;

	padding-top: 10px;

	color:#fff;

	font-family:Tahoma, Geneva, sans-serif !important;

	font-size:12px !important;

}	

.item-info-overlay a.preview, .item-info-overlay a.view {

	position: absolute;

	bottom: 0px;

	-webkit-transition-duration: 0s; 

	-moz-transition-duration: 0s; 

	-o-transition-duration: 0s; 

	text-indent: -9999px;

	height: 37px;

	width: 37px;

    z-index: 110;

}

.item-info-overlay a.view {

	background: url(../images/sprite.png) no-repeat scroll 11px 13px #333;

	right: 0px;

}

.item-info-overlay a.view:hover {

	background: url(../images/sprite.png) no-repeat scroll 11px -18px #333;

}

.item-info-overlay a.preview {

	background: url(../images/sprite.png) no-repeat scroll 12px -50px #333;

	right: 5px;

}

.item-info-overlay a.preview:hover {

	background: url(../images/sprite.png) no-repeat scroll 12px -83px #333;

}

/*--------------------------------------------------

		  flex caption

---------------------------------------------------*/

.flex-caption{

font-family: "Droid Arabic Kufi";

}

/*--------------------------------------------------

		   SHAPED STYLE ITEM

---------------------------------------------------*/

.portfolio-grid ul.shaped li {

	margin: 0 0 15px 5px;

	background-color: transparent;

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

	border:0 1px 3px rgba(0,0,0,0.1);

}



.shaped .item-container {

	display: block;

	position: relative;

}

.shaped .item-mask {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 99;

}

.shaped .item-container img {

    z-index:9;

}

.shaped .item-info-overlay {

	text-align: center;

}

.shaped .item-info-overlay a.preview, .shaped .item-info-overlay a.view {

	bottom: 30px;

	height: 30px;

	width:30px;

}

.shaped .item-info-overlay a.view {

	background: url(../images/sprite.png) no-repeat scroll 7px 10px #333;

	right: 88px;

}

.shaped .item-info-overlay a.view:hover {

	background: url(../images/sprite.png) no-repeat scroll 7px -21px #333;

}

.shaped .item-info-overlay a.preview {

	background: url(../images/sprite.png) no-repeat scroll 9px -53px #333;

	right: 96px;

}

.shaped .item-info-overlay a.preview:hover {

	background: url(../images/sprite.png) no-repeat scroll 9px -86px #333;

}



.shaped_box {



}

/*--------------------------------------------------

		   HEXAGON STYLE

---------------------------------------------------*/

.hexagon .item-container {

	width: 236px;

	height: 257px;

}

.hexagon .item-mask {

    background: url(../images/mask-hexagon.png) no-repeat 0 0 transparent;

    width: 236px;

	height: 257px;

}

.hexagon .item-container img {

	height: 257px;

}

.hexagon .item-info-overlay {

    background: url(../images/mask-hexagon.png) no-repeat 0 0;

}

.hexagon .item-info-overlay h3 {

	padding: 30% 0% 2% 0%;

}

/*--------------------------------------------------

		    PORTFOLIO FILTERABLE NAVIGATION

---------------------------------------------------*/

.filterable {

	width: 100%; 

	float: left;

	padding-bottom: 25px;

}

.filterable  ul {

	margin: 0 auto;

}

.filterable li {

	background: none;

	display: inline;

	float: right;

}

.filterable li:last-child {

    background: none;

}

.filterable li:last-child a {

	margin: 0 0 0 7px;

}

.filterable li a {

	font-family: "Droid Arabic Kufi", Tahoma;

	font-size: 11px;

	color: #aaa;

	line-height: 16px;

	text-transform: uppercase;

	text-decoration: none;

	float: right;

	margin:0 5px;

	padding:0 3px;

	-moz-border-radius: 2px;

	-webkit-border-radius:2px;

	border-radius:2px;

}

.filterable li a:hover {

	color: #444;

}

.filterable li.current a {

	color:#444;

}

.filterable li span {

	font-size: 11px;

	color: #ccc;

}

/*--------------------------------------------------

			ITEM NAVIGATION

---------------------------------------------------*/

ul.item-nav {

	float: left;

	list-style-type: none;

	margin: 0;

	padding: 0;

	width: 100%;

}

ul.item-nav li {

	float: left;

	margin-left: 1px;

	background: #444;

	-webkit-transition:all 0.14s ease 0s; 

	-moz-transition:all 0.14s ease 0s; 

	-o-transition:all 0.14s ease 0s; 

}

ul.item-nav li a {

	background: url(../images/sprite.png) no-repeat scroll 0 0 transparent;

	display: block;

	height: 45px;

	width: 45px;

	text-indent: -9999px;

	-webkit-transition-duration: 0s; 

	-moz-transition-duration: 0s; 

	-o-transition-duration: 0s; 

}

ul.item-nav li:hover {

}

ul.item-nav li.prev a {

	background-position: 17px -212px;

}

ul.item-nav li.next a {

    background-position: 17px -282px;

}

ul.item-nav li.all a {

    background-position: 12px -247px;

}

/*--------------------------------------------------

			CONTACT MODAL WINDOW

---------------------------------------------------*/

#wrapper.fullwidth {

	margin-bottom: 40px;

}

.google-map.fullwidth {

	height: 700px;

	width: 1050px;

	z-index:9;

	top: 0px;

	margin: 25px 0 0 -30px;

}

#contact-mask {

	display: none;

	background: #fff; 

	position: fixed; right: 0; top: 0; 

	z-index: 10;

	width: 100%; 

	height: 100%;

	opacity: 0.9;

	z-index: 999;

}

#contact-intro {

	width: 960px;

	margin: 0 auto;

	padding: 45px 0 0 0;

	overflow: hidden;

}

#contact-intro h1.title {

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-size:22px;

	line-height: 28px;

	font-weight: 700;

	text-transform: uppercase;

}

#contact-intro p {

	font-family: 'Droid Arabic Kufi', sans-serif;

	font-weight: 300;

	font-size: 22px;

	line-height: 27px;

}

.contact-button {

	margin-top: 45px;

}

.contact-popup {

	display:none;

	position: fixed;

	top: 50%;

	left: 50%;

	z-index: 99999;

	width: 960px;

}

.contact-popup .form {

	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

}

.contact-popup .close {

	position: absolute;

	top: 40px;

	left: 0px;

}

#contact_form_wrap {

  margin:0 auto;

  margin-top:50px;

  padding:10px;

  width:350px;

}

.message {

  font-weight:bold;

}

.contact-error , .errors , .custom-error-message{

  color: #F00 !important;

  font-weight:bold;

}

label {

    font-weight:bold;

}

.textfield {

    padding:5px 0 0 3px;

    width:297px;

    height:20px;

    border: 1px solid #e9e9e9;

    background-color:#303942;

    color:#fff;

}

.textarea {

    padding:3px;

    width:294px;

    height:144px;

    border: 1px solid #e9e9e9;

    background-color:#303942;

    font-family:Tahoma, Helvetica, sans-serif;

    font-size:12px;

    color:#fff;

}

.button {

    padding:3px 0 5px 0;

    width:75px;

    height:25px;

    border: none;

    background-color:#303942;

    font-weight:bold;

    cursor:pointer;

    color: #fff;

    font-family:Tahoma, Helvetica, sans-serif;

}

.button:hover {

    background-color:#f1f1f1;

    color: #333;

}

/*--------------------------------------------------

			CONTACT

---------------------------------------------------*/

.google-map {

	height: 300px;

	width: 94%;

	margin-bottom:30px

}

.form, .contact-success {

	padding: 5%;

	background-color: #f8f8f8;

	overflow: hidden;

}



.comment-form-wrapper .form {

	background: #eee3c1 url(../images/bgtab4.png) top left;

	}

	

.contact-success {

	padding: 20px;

	color: #fff;

	font-size:11px;

}

.bt {

border: 1px dotted #bbbbbb;

background: url(../images/bgtab2.png);

}



.btt {

background: #90d05a url(../images/bgtab4.png);

border-right: 7px solid #90d05a;

border-left: 7px solid #90d05a;

width: 428px;

height: 40px;

padding-top: 3px;

}

.form ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.form  li {

	position: relative;

}

.form input {

	width: 97%;

	margin-bottom: 12px;

	position: relative;

/*	background: #fff url(../images/bgtab3.png) no-repeat top left;*/

}



.form textarea, .form select {

	width: 100%;

	margin-bottom: 12px;

	position: relative;

	/*background: #fff url(../images/bgtab3.png) no-repeat top left;*/

}



.form .smallinput {width: 29.5% !important;}

.form .midum {width: 46.5% !important;}

.form textarea {

	width: 96%;

	height: 150px;

}

.form input.submit {

	width: 110px;

}

.form  li p{

	color:#81cc4d;

	font-size: 17px;

font-family: 'Droid Arabic Kufi', sans-serif;

}



.form  li p, .form input.submit {

	margin-bottom: 0;

}

.form em {

	color:#aaaaaa;

	display: inline;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

}

.form .contact-error {

    color: #79c04b;

    font-size: 11px;

	font-weight: bold;

    position: absolute;

    top: 0;

    right: 112px;

}

.contact-info {

	list-style-type: none;

	padding: 0;

	margin: 0;

}



.captcha_img {

position: relative;

margin-bottom: -15px;

}





.full{margin-right:0px !important; margin-left:4%}

.add_q{width:49%; float:right}

.add_q_ads{width:49%; float:right; padding-right:20px}

@media only screen and (min-width: 768px) and (max-width: 959px) {

#logo2 {margin-left: 243px;}

.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px; }

.fixed .header { width: 774px;  }

.search-header  {float: right;background: #fff;position: relative;top: 15px;left: -103px;height: 43px;margin: auto;/* width: 100%; */padding-bottom: 71px;}

#logo {margin-right: 246px;}

.item-info h3.title a{ font-size:12px;}

.portfolio-grid { width: 465px; }

.portfolio-grid ul li.col2 { width: 354px; }

.portfolio-grid ul li.col3 { width: 234px; }

.portfolio-grid ul li.col4 { width: 150px; }

.portfolio-grid ul.shaped.hexagon li { margin: 0 0 15px 3px; }

.portfolio-grid ul.shaped.triangle li { margin: 0 0 15px 30px; }

.portfolio-grid ul.shaped.circle li { margin: 0 0 15px 3px; }

.grid.row3 li {width: 237px;}

.grid.row4 li {width: 177px;}

.grid.row5 li {width: 142px;}

.grid.row6 li {width: 118px;}

.google-map.fullwidth {	width: 774px; height: 500px; }

.add_q{width:100%; float:right}

.add_q_ads{width:100%; float:right; padding-top:20px;  padding-right:0px}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px; }

#header-wrapper.fixed { display:none !important; }

#primary-menu select { display:block; }

#primary-menu ul { display:none; }

.search-header {float: right !important;position: relative !important;top: 10px;;padding-bottom: 46px; left:-3px}

#logo2 {margin-left: 100px;}

#logo {margin-right: 106px;}

h3.title {font-size: 18px;}

.abutmarkaz {width: 100% !important;}

p {text-align: center;}

.lightgrayBg {margin-right: 62px;}

.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }

.portfolio-grid { width: 100%; margin: 0; }

.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }

.portfolio-grid ul.shaped.hexagon li { margin: 0 92px 20px 92px; }

.portfolio-grid ul.shaped.triangle li { margin: 0 52px 20px 52px; }

.portfolio-grid ul.shaped.circle li { margin: 0 92px 20px 92px; }

.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}

.google-map.fullwidth {	width: 480px; height: 300px; }

.contact-button { margin-top: 0; }

#footer-bottom, #footer-bottom .text-align-right { text-align: center; }

#footer-bottom .one-half { margin-bottom: 2px; }

.full{margin-right:0px !important; margin-left:0px !important}

.add_q{width:100%; float:right}

.add_q_ads{width:100%; float:right; padding-top:20px;  padding-right:0px}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {

.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 300px; }

#header-wrapper.fixed { display:none !important; }

#primary-menu select { display:block; }

#primary-menu ul { display:none; }



.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }

.grid li { border-right: none; }

.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 300px; }

.portfolio-grid { width: 100%; margin: 0; }

.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }

.portfolio-grid ul.shaped.hexagon li { margin: 0 32px 20px 32px; }

.portfolio-grid ul.shaped.triangle li { margin: 0 0px 20px 0; }

.triangle .item-container, .triangle .item-mask { width: 300px; height: 263px; }

.triangle .item-mask, .triangle .item-info-overlay { background: url(../images/mask-triangle-portrait.png) no-repeat 0 0 transparent; }

.triangle .item-container img {	height: 263px; }

.triangle .item-info-overlay div {	padding: 20%; }

.portfolio-grid ul.shaped.circle li { margin: 0 32px 20px 32px; }

.google-map.fullwidth {	width: 420px; 	height: 300px; }

.contact-button { margin-top: 0; }

#footer-bottom, #footer-bottom .text-align-right { text-align: center; }

#footer-bottom .one-half { margin-bottom: 2px; }

.search-header {float: right !important;position: relative !important;top: 10px;;padding-bottom: 26px; left: 0px;}

.full{margin-right:0px !important; margin-left:0px }

.add_q{width:100%; float:right}

.add_q_ads{width:100%; float:right; padding-top:20px;  padding-right:0px}

#logo2 {margin-left: 31px;}

#logo {margin-right: 82px;}

}



/*******tipsy*********/

.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }

.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }

.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }

.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }

.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/** Event **/

/*

#Calendar {

	width:300px;	

}



#Calendar td {

	font-family: Tahoma, Geneva, sans-serif;	

	font-size:12px;

}



#Calendar .cMonth {

	font-weight:bold;

	text-align:center;

}



#Calendar .wDays {

	font-weight:bold;

	text-align:center;

	background-color: #1ba1e2;

	color: #ffffff;

	font-size: 10px;

	font-family: Tahoma !important;

}



.calendar-header {

background-color: #1ba1e2;

color: #ffffff;

}



#Calendar .mNav {

	font-weight:bold;

	text-align:center;

background-color: #1ba1e2;

color: #ffffff;

}



#Calendar table td a {

	text-decoration:none;

	color:#fff;

}



#Calendar table td a:hover {

	text-decoration:underline;

}





#Calendar .withevent {

	text-align:center;

	background-color:#60a917 !important;

	color:#fff;

	cursor:pointer;

}



#Calendar .noevent {

	text-align:center;

	background-color:#FFF;

	color:#000;

}



 td {

border: 1px solid;

border-color: #e6f5fc;

}



.calendar-header td {

border: none;

}



.clender-day td {

	padding:10px;

	}



.clender-day td:hover , #Calendar .noevent:hover{

  background-color: #eeeeee;

  color: #1d1d1d;

  cursor:pointer;

}

	

#Events {

	width:300px;	

}



#Events h2 {

	font-family: Tahoma, Geneva, sans-serif;

	font-size:12px;

	font-weight:bold;

	margin-top:10px;

}



#Events span {

	font-family: Tahoma, Geneva, sans-serif;

	font-size:12px;

}

*/

.pcal{

padding-top: 8px !important;

padding-right: 9px !important;

}

.grayBg{

	background: #d3ae34 url(../images/cbg.jpg) !important;

}

.abutmarkaz {

background: #d3ae34 url(../images/bgtab.png);

border-right: 7px solid #4a6031;

height: 40px;

margin-bottom: 19px;

width: 295px;

/* padding: 22px; */

height: 46px;

color: #fff;

font-size: 15px;

text-indent: 44px;

line-height: 46px;

}

.abutmarkaz a { color:#fff;font-size: 14px !important; font-weight:bold}



#showomlad , h3.titlemessage , #showmosad{

	background: #e9ffd9 url('../images/success.png') no-repeat right 50%;

border: 1px solid #a6ca8a;

font-family: Verdana, Geneva, sans-serif !important;

font-weight: bold;

font-size: 16px;

padding: 10px;

margin-bottom: 10px;

text-indent: 12px;}



#showopenformomla ,#showopenformomla a,#showopenformmos ,#showopenformmos a{font-family: Verdana, Geneva, sans-serif !important;

font-weight: bold;

font-size: 16px;

margin-bottom: 10px;}



 #owl-demo .item{

  margin: 3px;

}

#owl-demo .item img{

  display: block;

  width: 100%;

  height: auto;

}





/* Styling Next and Prev buttons */



.owl-controls .owl-buttons div{

	color: #FFF;

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

	margin: 5px;

	padding: 3px 10px;

	font-size: 12px;

	background: #869791;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

}

/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-controls.clickable .owl-buttons div:hover{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	text-decoration: none;

}



/* Styling Pagination*/



.owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.owl-controls .owl-page span{

	display: block;

	width: 12px;

	height: 12px;

	margin: 5px 7px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	border-radius: 20px;

	background: #869791;

}



.owl-controls .owl-page.active span,

.owl-controls.clickable .owl-page:hover span{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

}



/* If PaginationNumbers is true */



.owl-controls .owl-page span.owl-numbers{

	height: auto;

	width: auto;

	color: #FFF;

	padding: 2px 10px;

	font-size: 12px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

}



/* preloading images */

.owl-item.loading{

	min-height: 150px;

	background: url(../images/AjaxLoader.gif) no-repeat center center

}



.owl-controls .clickable{

	margin:auto;

	display:block}

	

	

.da-thumbs {

	list-style: none;

	width: 984px;

	position: relative;

	margin: 20px auto;

	padding: 0;

}

.da-thumbs li {

	float: left;

	margin: 5px;

	background: #fff;

	padding: 8px;

	position: relative;

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

.da-thumbs li a,

.da-thumbs li a img {

	display: block;

	position: relative;

}

.da-thumbs li a img {

	height:158px;

}

.da-thumbs li a {

	overflow: hidden;

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	background: rgba(75,75,75,0.7);

	width: 100%;

	height: 100%;

}

.da-thumbs li a div span {

	display: block;

	padding: 10px 0;

	margin: 40px 20px 20px 20px;

	text-transform: uppercase;

	font-weight: normal;

	color: rgba(255,255,255,0.9);

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

	border-bottom: 1px solid rgba(255,255,255,0.5);

	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);

	text-align:right;

}



.da-thumbs li a div {

	top: 0px;

	left: -100%;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.da-thumbs li a:hover div{

	left: 0px;

}	

.tables

{

	border:solid 1px #dde1e2;

	direction: ltr;

}

.tabletdhead

{

	background-image:url('../images/bck_tbls_hdrs.gif');

	background-repeat:repeat-x;

	height:33px;

	border:solid 1px #dde1e2;

	line-height:10px;

}

.tableheadtxt

{

	color:#333;

	font-weight:bold;

	font-size:10pt;

}

.tabletdstyle

{

	height:24px;

	border:solid 1px #dde1e2;

}



.vhead .lefttxt {

margin: 0px;

float: left;

text-align: right;

direction: rtl;

}



.mheadred1 {font-family:Verdana, Geneva, sans-serif; line-height: 30px !important; font-size:14px !important;border: 1px dotted #bbbbbb;

background: url(../images/bgtab2.png);height: 42px}





.mheadred2  {font-family:Verdana, Geneva, sans-serif; line-height: 30px !important; font-size:14px !important;width: 580px;

float: right; height: 42px}



.mheadred3 {

background: #BD0001 url(../images/bgtab.png);

border-right: 7px solid #C6984C;

border-left: 7px solid #C6984C;

width: 428px;

height: 40px;

padding-top: 10px;

}

.mheadred3 a {

		font-size:22px !important;

		color:#fff;

		font-weight:bold;

}

.more2 {

text-align: left;

margin-left: 0px;

}



.mheadred4 {

width: 76px;

float: right;

text-align: left;

padding-top: 4px;

}

.buttonnews2 {

display: block;

width: 85px;

height: 32px;

text-indent: -9999px;

float: left;

margin-left: 10px;

}

.buttonnews2 a {

        display:block;

        width:100%;

        height:100%;

        background:transparent url(../images/botmoren.png) no-repeat top left;

        outline:none;

		color:#fff;



}

.buttonnews2 a:hover {

        background-position:0 -32px;

}

.clearb {

clear: both;

}





.timer-area{

	width: 655px;

	height: 174px;

	margin: auto;

	background: #4a6031 url(../images/bgtab.png);

	margin-bottom: 15px;

	padding-right:20px;

	-webkit-border-radius: 30px;

	-webkit-border-bottom-right-radius: 0;

	-moz-border-radius: 30px;

	-moz-border-radius-bottomright: 0;

	border-radius: 30px;

	border-bottom-right-radius: 0;	

}



.timer-area .t{

	width:130px;

	float:right;

	text-align:right;

	color:#fff;

	padding-top:90px;

	font-size:18px;

}



.timers{

	float:left;

	padding-top:32px;

}



.timers ul li{

	display:inline-block;

	width:105px;

	height:94px;

	background:url(../images/timerfream.png);

	margin-left:40px;

	text-align:center;

	color:#fff;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:40px;

	font-weight:bolder;

	line-height:94px;

}



.timers ul li span{

	display:block;

	line-height:35px;

	font-family: GE SS Two Light , Helvetica, sans-serif;

	font-size:18px;

	font-weight:normal;

}



.s {

display: inline-block;

width: 22px;

height: 21px;

vertical-align: middle;

position: relative;

-webkit-transition: all .3s;

-moz-transition: all .3s;

-ms-transition: all .3s;

-o-transition: all .3s;

transition: all .3s;

margin-right:5px;	

}

.s:hover{

	-webkit-transform:translate(0 , -5px);

	-moz-transform:translate(0 , -5px);

	-ms-transform:translate(0 , -5px);

	-o-transform:translate(0 , -5px);

	transform:translate(0 , -5px);

}



.print{

	background:url(../images/print.png);	

}



.mail{

	background:url(../images/mail.png);	

}

.aplus{

	background:url(../images/a+.png);	

}

.a-{

	background:url(../images/a-.png);	

}

.left {

float: left;

}

.containerbktop { width:600px; height:35px; margin:0px; padding:20px 40px 0px 20px; float:left; right:0px;  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#900;  }

.text {

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

font-weight: bold;

color: #900;

}

/* article archive page...............................................*/

.artcontainer { width:697px; margin:0px; padding:0px; float:left;  }

.artcontainer .artdivcontainer { width:697px; margin:0px; padding:10px 0px; float:right; border-bottom:dotted 1px #CCC;}

.artcontainer .artdivcontainer .rightimg { width:120px; margin:0px; padding:0px; float:right; text-align:center; }

.artcontainer .artdivcontainer .lefttxt { width:577px; margin:0px; padding:0px; float:right; direction:rtl; }

.pagingdiv { width:728px; margin:0px; padding:10px 0px; float:right; }







/* article details...........................................*/

.printlink { float:left; text-align:left; }

.article{ line-height:150%; color:#595d54; font-size:9pt; padding:8px; }

.article .simg{ width:220px;height:180px; float:right; margin:0 0 0px 10px; border:solid 2px #EBEBEB; padding:2px; }

	

.articletitle { font-family:Arial; font-size:14pt; font-weight:bold; line-height:130%; margin:0; color:#900; }

.artviewsum { font-family: "simplified arabic", Geneva, sans-serif; font-size:15px; font-weight:bold; color:#000; line-height:35px; }

.time { font-family:Tahoma, Geneva, sans-serif !important; font-size:11px !important; line-height:22px; color:#999 !important; }

.hlink{ color:#FFF; }



.adabtitle { font-family:Droid Arabic Kufi, Geneva, sans-serif !important; font-size:14px; color:#4a6031; line-height:19px; font-weight:bold;  }



.adabsum{ font-size:13px;}



#containerdiv #icon{ position:relative; width:8px; margin:0px; padding:0px; float:right; right:0px; }

#containerdiv #containerdivcontent{ width:694px; margin:0px; padding:0px; float:left; right:0px; }



#containerdivcontent .containerbktop { width:663px; height:35px; margin:0px; padding:20px 40px 0px 20px; float:left;  font-family: Droid Arabic Kufi, Geneva, sans-serif !important; font-size:14px !important; font-weight:bold; color:#4a6031;  }

#containerdivcontent .containerbodyshow { width:694px;  margin:0px; padding:5px 0px 20px 0px; float:left; right:0px;  }

#containerdivcontent .formhead { width:743px; height:25px; margin:0px; padding:5px 20px 5px 0px; float:left; right:0px; background-color:#E7E7E7; border-bottom:solid 2px #CCC;}

#containerdivcontent .formbody { width:703px; margin:0px; padding:20px; float:left; right:0px; direction:rtl;}



.timer-area a#ctx-country-menu-close {

background: url(../images/cross-icon.png) right top no-repeat;

width: 23px;

float: right;

padding-top: 22px;

margin-top: 14px;

display: block;

position: absolute;

}



.bgc{

background: #d3ae34 url(../images/bgtab.png);

border-right: 7px solid #4a6031;

height: 51px;

/* padding-top: 16px; */

color: #fff !important;

font-size: 14px !important;

line-height: 49px;

font-weight:bold;

font-family:Droid Arabic Kufi , Tahoma, Geneva, sans-serif !important

}





.imgrot{position:absolute;display:block;transition:all 0.3s;-webkit-transition:all 0.3s;padding-top: 5px;}



.imgrot:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg); }



@media (min-width: 768px) and (max-width: 979px) {

	.portfolio-grid ul li img{ height:auto} 

.artcontainer ,.artcontainer .artdivcontainer ,.artcontainer .artdivcontainer .lefttxt{width: 100%;}

#containerdivcontent .containerbktop , #containerdivcontent .containerbodyshow{width: 100%;text-indent: 24px;}



	.timer-area { width:96%; height: 258px;}

	h3.title{

		font-size:18px}

	.mheadred3 a{

		font-size:15px !important;}

		.mheadred3 {

width: 303px;

		}

		.mheadred2 {

width: 465px;

		}

		.mheadred4 {

display: none;

		}

			

	.mbg {

width: 100%;

	}

	#primary-menu ul li a {

padding: 17px 12px;

	}

	.lightgrayBg , .abutmarkaz {

		display: none;

		}

	

		.timer-area .t{

		float:none;

		margin:auto;

		padding-top:30px;	

	}

	

	.timers{

		float:none;

		text-align:center;	

	}

	

	.event-content .p{

		width:418px;	

	}

}



 

/* Landscape phone to portrait tablet */

@media (max-width: 767px) { 

.portfolio-grid ul li img{ height:auto} 

.artcontainer ,.artcontainer .artdivcontainer ,.artcontainer .artdivcontainer .lefttxt{width: 100%;}

#containerdivcontent .containerbktop , #containerdivcontent .containerbodyshow{width: 100%;text-indent: 24px;}

	.timer-area{

		width:100%;

		padding-right: 1px;	

	}

	

	.timer-area .t{

		float:none;

		margin:auto;

		padding-top:30px;	

	}

	

	.timers{

		float:none;

		text-align:center;

		overflow:hidden;

		padding-top:15px;	

	}



	.timers ul{

		width:600px;

		position:relative;

		right:-105px;

	}

	

	.timers ul li{

		-webkit-transform: scale(0.8);

		-moz-transform: scale(0.8);

		-ms-transform: scale(0.8);

		-o-transform: scale(0.8);

		transform: scale(0.8);

		

		margin-left: -10px;

		

		

		

	}

	

	.event-content .p{

		width:100%;

		float:none;

		margin-left:0px;

	}

	

	.event-content .icons{

		margin:auto;

		float:none;

		margin-top: 15px;	

	}

}



/* Landscape phones and down */

@media (max-width: 480px) { 

.portfolio-grid ul li img{ height:auto} 

.artcontainer ,.artcontainer .artdivcontainer ,.artcontainer .artdivcontainer .lefttxt{width: 100%;}

#containerdivcontent .containerbktop , #containerdivcontent .containerbodyshow{width: 100%;text-indent: 24px;}

	.timers ul{

		right:-168px;

	}

	

	.timers ul li{

		-webkit-transform: scale(0.6);

		-moz-transform: scale(0.6);

		-ms-transform: scale(0.6);

		-o-transform: scale(0.6);

		transform: scale(0.6);

		

		margin-left: -35px;

		

		

		

	}

	

	.event-content{

		padding-top:5px;	

	}

	

}







/*last video...*/

#lastvideo{ width:300px; margin:0px; padding:0px; float:right; border-bottom:solid 2px #29301d; margin-bottom:20px }

#lastvideo .headvideo{ width:300px; margin:0px; padding:0px; float:left;background: #2b341f url(../images/bgtab.png); }

#lastvideo .lastvideocon{ width:300px; margin:0px; padding:0px; float:left; background: #2b341f url(../images/bgtab.png); }

#lastvideo .lastvideocon .lastvideoplayer{ width:300px; margin:0px; padding:0px 0px 10px 0px; float:left; text-align:center; }

#lastvideo .lastvideocon .morevideo{ width:300px; height:67px; margin:0px; float:left;background: #2b341f url(../images/bgtab.png); border-top:solid 1px #FFF; border-bottom:solid 1px #FFF; }

#lastvideo .lastvideocon .morevideolink { width:300px; padding:7px 0px 7px 0px; text-align:center; direction:rtl; color:#FFF; border-bottom:solid 2px #FFF; }



.infiniteCarousel {

	width: 300px;

	padding:0px;

	margin:0px;

	position: relative;

	float:right;
	
	direction:ltr;
	/*border: 3px solid blue;
	height: 30px;*/

}

 

.infiniteCarousel .wrapper {

  width: 242px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */

  overflow: auto;

  min-height: 5em;

  margin: 0 24px;

  position: absolute;

  top: 0;

  float:left;

}

 

.infiniteCarousel ul img {

  border: 1px solid #254F06;

  padding:2px;

  cursor:pointer;

}

 

.infiniteCarousel .wrapper ul {

  width: 9999px;

  list-style-image:none;

  list-style-position:outside;

  list-style-type:none;

  margin:0;

  padding:0;

  position: absolute;

  top: 0;

  text-align:center;

   float:left;

}

 

.infiniteCarousel ul li {

  display:block;

  float:left;

  padding: 6px;

  height: 85px;

  width: 67px;

  text-align:right;

  

}









 

.infiniteCarousel ul li a img {

  display:block;

}

 

.infiniteCarousel .arrow {

  display: block;

  height: 36px;

  width: 37px;

  background: url(../images/arrow.png) no-repeat 0 0;

  text-indent: -999px;

  position: absolute;

  top: 14px;

  cursor: pointer;

  	-webkit-transition: all 0.2s ease-out 0s;   

	-moz-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s; 

}

 

.infiniteCarousel .forward {

  background-position: 0 0;

  right: 0;

}

 

.infiniteCarousel .back {

  background-position: 0 -72px;

  left: 0;

}

 

.infiniteCarousel .forward:hover {

  background-position: 0 -36px;

  	-webkit-transition: all 0.2s ease-out 0s;   

	-moz-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s; 

}

 

.infiniteCarousel .back:hover {

  background-position: 0 -108px;

}

 

 /* vidoe archive..............................................................................................*/





#videoshowbodycontent1 {  margin:0px; padding:2px 7px 3px 6px ; width:681px; float:left; text-align:right; direction:rtl; }

#videoshowbodycontent1 .videoshowdivcontainer {  margin:0px; padding:10px 0px 25px 0px; width:681px; float:right; text-align:right; }

#videoshowbodycontent1 .videoshowdivcontainer .videoshowdiv { width:166px; float:right; padding:0px; margin:0px; }

#videoshowbodycontent1 .videoshowdivcontainer .videoshowdiv .videorightimg { width:103px; float:right; padding:0px; margin:0px;}

#videoshowbodycontent1 .videoshowdivcontainer .videoshowdiv .videorightimg .displaycontent { width:103px; float:right; padding:0px; margin:0px; text-align:center;background-color: #EFEFEF; margin-top:-5px }

#videoshowbodycontent1 .videoshowdivcontainer .videoshowdiv .videolefttxt { width:134px; float:right; padding:0px; padding-right:8px; padding-left:8px; margin:0px;direction:rtl; text-align:right;} 

.votetitle{ min-height: 15px;height: 32px;display: block;}

#videoshowbodycontent1 .videoshowdivcontainer .pagingdiv { width:760px; padding:20px 0px 10px 0px;  text-align:center;  }



#videoshowbodycontent1 .vhead {  margin:0px; padding:4px 10px 4px 10px ; width:659px; float:right; text-align:right; direction:rtl; }





/* video play ..............................*/

#containerdiv #videoplay {  margin:0px; padding:0px 8px 0px 9px; width:664px; float:right; text-align:center; direction:rtl; }

#videoplay .videoplayer { margin:0px; padding:0px 10px 15px 10px; width:664px; float:right; text-align:center;}

#videoplay .statics { margin:0px; padding:0px 0px 15px 0px; width:756px; float:right; text-align:center; color:#930;}

#videoplay .videolinks { margin:0px; padding:5px; border:dotted 1px #CCC; background-color:#EEE; width:495px; float:left; text-align:left; direction:rtl; }

#videoplay .videodisc { margin:0px; padding:25px 5px 10px 5px; width:664px; float:left; text-align:right; direction:rtl; }

.videoplayimg { vertical-align:middle; margin: 0px 5px 0px 5px;}



.col-md-2 {

width: 51.666667%;

position: relative;

min-height: 1px;

padding: 15px;

}

.panels {

    height: 190px;

    perspective: 600px;

    position: relative;

    width: 100%;

}

.panels .front {

    backface-visibility: hidden;

	background: #f2f2f1 url(../images/bgtab.png);

    border: 1px solid #d3ae34 ;

    float: none;

    height: inherit;

    left: 0;

    position: absolute;

    border-radius: 8px;

    text-align: center;

    top: 0;

    transform: rotateX(0deg) rotateY(0deg);

    -ms-transform: rotateX(0deg) rotateY(0deg);

    -o-transform: rotateX(0deg) rotateY(0deg);

    -webkit-transform: rotateX(0deg) rotateY(0deg);	

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;		

    -ms-transition: all 0.4s ease-in-out 0s;

    -o-transition: all 0.4s ease-in-out 0s;

    -webkit-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

    width: inherit;

    z-index: 900;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

	

}

.panels .front img {

border-radius: 8px;

width:99%;

height:auto;

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

border:1px solid #949590;	

}

.panels:hover .front {

    background: none repeat scroll 0 0 #fff;

    transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    z-index: 900;

}

.panels .back {

    backface-visibility: hidden;

    background: #70BA6A; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: -moz-linear-gradient(45deg,  #56D656  0%, #70BA6A  100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#56cad6), color-stop(100%,#70BA6A )); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* IE10+ */

    background: linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56D656 ', endColorstr='#70BA6A ',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    float: none;

    height: inherit;

    left: 0;

    border-radius: 8px;

    position: absolute;

    top: 0;

    transform: rotateY(-179deg);

    -ms-transform: rotateY(-179deg);

    -o-transform: rotateY(-179deg);

    transform: rotateY(-179deg);

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -ms-transition: all 0.4s ease-in-out 0s;

    -o-transition: all 0.4s ease-in-out 0s;

    -webkit-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

    width: inherit;

    z-index: 800;

}

.panels:hover .back {

    background: #56cad6; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: #70BA6A; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: -moz-linear-gradient(45deg,  #56D656  0%, #70BA6A  100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#56cad6), color-stop(100%,#70BA6A )); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* IE10+ */

    background: linear-gradient(45deg,  #56D656  0%,#70BA6A  100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56D656 ', endColorstr='#70BA6A ',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    transform: rotateX(0deg) rotateY(0deg);

    -o-transform: rotateX(0deg) rotateY(0deg);

    -webkit-transform: rotateX(0deg) rotateY(0deg);

    -ms-transform: rotateX(0deg) rotateY(0deg);

    z-index: 1000;

}



.panels h5 {

    font-size: 14px;

    text-align: center;

    margin: 0 auto;

    color: #32313b;

}

.panels .back h5 {

    color: #fff;

}

 

ul li {

	line-height:20px;

	font-size:14px;}

	.containeromla h4 , .containermoassa h4{

		font-size:20px;

		margin-right:-22px

	}

	.cmxform fieldset p.error label {

		color: red;

	}

	div.containeromla  , div.containermoassa {

		margin: 5px;

		padding: 5px;

		color: red;

	}

	div.containeromla ol li , div.containermoassa ol li {

		list-style-type: disc;

		height: 20px;

	}

	div.containeromla , div.containermoassa {

		display: none

	}

	.containeromla label.error ,  .containermoassa label.error{

		display: inline;

		font-size: 12px;

		font-weight:normal;

	}

	

	

	form.cmxform label.error {

		display: block;

		margin-left: 1em;

		width: auto;

	}



	input.error,textarea.error,file.error { border: 1px dotted red; }