/*
Theme Name: smartsoft
Theme URI: http://samyahmed.com/
Author: Samy Ahmed
Author URI: http://samyahmed.com/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

  @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
  font-family:  'Droid Arabic Kufi', sans-serif;
	direction:rtl;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */


/* theme designed by Samy Ahmed "samyahmed.com"
start additions
----------------------------------------------- */



body {
}

h1 {
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
	padding-bottom:10px;
}

.header-top {
	margin:0 auto;
	position:relative;
}
.header-social-icons {
	position:absolute;
	width:400px;
	top:10px;
	left:5px;
	text-align:left;
}
.slider {
	clear:both;
}
.post-box {
	float:right;
	display:block;
	padding:3px;
	font-size:14px;
	line-height:20px;
}
.post-box img {
	border:3px solid #CCC;
}

.entry-header {
	padding-bottom:15px;
}

.stf {
	margin:0 !important;
}







#comments {
	padding-top:15px;
	clear:both;

}

.services {
	padding-top:15px;
	border-top:1px dashed #ccc;
}

.services h1 {
    color: #CC0000;
    font-size: 16px;
    font-weight: bold;
	padding-bottom:10px;
}

.services-box {
    float: right;
    margin-left: 10px;
    width: 215px;
}

.services-title img {
	float:right;
}
.services-title h1 {
	color: #222222;
    float: right;
    font-size: 16px;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 20px;
	clear:none;
}

.service-disc {
	clear:both;
	padding-top:2px;
	font-size:14px;
	color:#666;
	line-height: 20px;
}











.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; }.datagrid table td, .datagrid table th { padding: 10px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B0B0B0), color-stop(1, #8F8F8F) );background:-moz-linear-gradient( center top, #B0B0B0 5%, #8F8F8F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0B0B0', endColorstr='#8F8F8F');background-color:#B0B0B0; color:#FFFFFF; font-size: 15px; font-weight: normal; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #7D7D7D; border-left: 1px solid #DBDBDB;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }







/* end additions
----------------------------------------------- */




#page {
	margin: 0 auto;
	background: #FFF;
	-webkit-box-shadow:0px 1px 3px #ccc; /* Safari and Chrome */
	box-shadow:0px 1px 3px #ccc;
	}

#branding hgroup {
	margin: 0 auto;
}
#access div {
	margin: 0;
}
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 7.6%;
}
#secondary {
	float: right;
    margin-right: 1.6%;
    width: 25%;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 2%;
	position: relative;
	width: auto;
	height:auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 98%;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 705px;
	padding-bottom: 90px;
	padding-top:20px;
}

.left-part {
	float: right !important;
	margin: 0 auto !important;
	width: 690px !important;
	padding-bottom: 20px !important;
	padding-top:20px !important;

}
.left-sidebar #content {
	margin: 0 25px;
}
.left-sidebar #secondary {
    float: left;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 20px;
    width: 24%;
	padding-right:10px;
	border-right:1px dashed #ccc;
	min-height:400px;
}
.right-part {
    float: left !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
    width: 25% !important;
	padding-right:15px !important;
	border-right:1px dashed #ccc !important;
	min-height:400px !important;
}



/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.625;
}
#page {
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
}
ul, ol {
	margin: 0 2.5em 1.625em 0;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font-size: 12px;
	font-weight: 300;

	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font-size: 13px;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
	max-width:650px;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #cc0000;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
    float: right;
    position: relative;
    width: 275px;
    z-index: 2;
}
#site-title {
	margin-right: 0;
/* 	padding: 10px 0 0;
 */	    margin-top: -18px;

}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
/* 	line-height: 36px;
 */	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	margin: 0;
	width: 620px;
	padding-top: 99px;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: right;
	position: relative;
	background:url(images/menu-seprate.png) no-repeat bottom left;
}
#access a {
    border-radius: 7px 7px 0px 0px;
    color: #222222;
    display: block;
    padding: 7px 14px;
    text-align: center;
    text-decoration: none;
}
#access ul ul li{
	background:none;
}
#access ul ul {
    border: 1px solid #CCCCCC;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
	left:auto;
    right: 0;
    margin: 0;
    position: absolute;
    top: 35px;
    width: 188px;
    z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
    background: none repeat scroll 0 0 #F9F9F9 !important;
    border-bottom: 1px dotted #DDDDDD;
    color: #222 !important;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 6px;
    text-align: right;
    width: 176px;
	border-radius:0;
}
#access li:hover > a {
    color: #FFFFFF;
}
#access ul ul :hover > a,
#access a:focus {
    color: #f9f9f9;
    background: #CC0000 !important;
}

#access li:hover > a,
#access a:focus {
    background: #CC0000;
    color: #FFFFFF !important;;
}

#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a {
    background: #CC0000;
    color: #FFFFFF;
}
	
	
#access .current_page_ancestor > a {
    background: #CC0000;
    color: #ffffff;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}


/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 1.625em 0 0;
}
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;

	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
    padding: 10px 0 15px;
    position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 50px;
}
.entry-title {
	clear: both;
	color:#CC0000;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.5em;
	padding-bottom: 5px;
    padding-top: 0;
}
.entry-title,
.entry-title a {
	color: #CC0000;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	padding: 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #cc0000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;

	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: left;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 4px 15px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #cc0000;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #cc0000;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

/* start added code by samy */

.services-boxes {
	width:100%;
	clear:both;
	display:block;
	padding:10px 0;
	margin:0;
	
}

.services-boxes .box {
    background-color: #f3f3f3;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    display: block;
    float: right;
    margin: 0 1%;
    padding: 2% 3%;
    width: 25%;
}
.services-boxes .box i{
	float:right;
	font-size:24px;
	display:block;
	padding-left:15px;
}
.services-boxes .box h1{
	float:right;
	display:inline-block;
	clear:left;
}
.services-boxes .box .data{
	display:block;
	clear:both;
}
.services-boxes .box .data li a{
	color:#373737;
	text-decoration:none;
}
.services-boxes .box .data li a:hover{
	color:#373737;
	text-decoration:underline;
}

.news-dated li {
	margin-right:15px;
}
.news-dated li span{
	font-size:smaller;
	background-color:#e1e1e1;
	border-radius:4px;
	padding:0px 5px;
	margin:0 3px;
}


/* end added code by samy   */

/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 0;
	position: relative;
	width:100%;
}
.singular.page .hentry {
	padding: 0;
}
.singular .entry-title {
	color: #cc0000;
	font-size: 16px;
	line-height: 48px;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	top: 10px;
}


/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;

	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 960px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;

	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	width: 100%;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
    color: #cc0000;
    font-size: 16px;
	font-weight:bold;
	padding-bottom:10px;
}
.widget ul {
	font-size: 15px;
	margin: 0;
	list-style: none;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -15px -10px 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #cc0000;
	color: #fff;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;

	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}


/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
}
#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}

/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}

/* Site Generator Line */
#site-generator {
    color: #222222;
    font-size: 12px;
    line-height: 2.2em;
    padding: 0 35px 15px 0;
    text-align: right;
	width:960px;
	margin:0 auto;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}
#site-generator .sep {
	background: url(images/wordpress.png) center left no-repeat;
	color: transparent;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 7px;
	width: 16px;
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* Make sure embeds fit their containers */
	embed,
	object {
		max-width: 100%;
	}

}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 960px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}






.services-boxes img{
    border: medium none;
    margin: 0 3px;
    padding: 5px;

}
#nav-below {
	display: none;
}
.entry-meta {
	display: none;
}
.comments-link a {
	display: none;
}
.ngah {
	font-size: 21px !important;
	margin-top: 32px !important;
	margin-bottom: 22px !important;
	font-weight: bold !important;
	color: #CC0000 !important;
}
.table.table-hover {
	border: 1px solid #CC0000;
}
tr{
	border: 1px solid #CC0000;
}

td {
	text-align: center !important;
	border-color: #CC0000 !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;

}
.wiff {
	text-align: center;
	font-size: 16px !important;
	color: #CC0000 !important;
}
.wid{
	text-align: center;
	font-size: 16px !important;
	color: #CC0000 !important;
}
#commentform {
	display: none;
}
.comment-respond {
	display: none;
}
.nocomments {
	display: none;
}






.header-top{
    background: #1b1672;
 }

 /*Social Icon*/

.header-top .social-icon li{
    display: inline-block;
 }

.header-top .social-icon li a{
	line-height: 30px;
    width: 30px;
    color: #fff;
    height: 30px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    /* border-top: 2px solid #c0c0c0; */
    /* border-right: 2px solid #c0c0c0; */
    color: #1b1672;
    margin-top: 10px;
    margin-left: 4px;
    transition: all .5s;
}

.header-top .social-icon li a:hover{
	color:#fff;
	background: #ac1821;
	transition: all .5s;

}
.carousel-indicators {
   
    margin-bottom: -48px !important;
}
/* Phone, Emial, Get a Quote */
.header-top .top-contact li{
    display    : inline-block;
    line-height: 50px;
    text-align :center;
}

.header-top .top-contact li.phone,
.header-top .top-contact li.email{
	padding: 0 20px;
    color: #fff;
    font-family: 'Cairo';
    font-weight: bold;
}

.header-top .top-contact li.phone i,
.header-top .top-contact li.email i{
	margin-left: 7px;
}


.header-top .top-contact li.get-a-quote a{
    padding: 0 30px;
    display: block;
    background: #3ea8f4;
    color: #fff;
}

.header-top .top-contact li.get-a-quote a:hover{
    opacity: .8;
}

/* Media Queries */

@media only screen and (max-width: 1024px){
    .header-top{
        text-align:center;
    }

    .header-top .top-contact li{
        line-height: 1;
        padding: 5px 0 10px;
    }

    .header-top .top-contact li.get-a-quote a{
        padding: 8px 15px; 
    }

    .top-contact.pull-right{
        float: none !important;
    }
    
}






/* =======================
    HEADER SECTION
========================= */
.header-section {
    display: block;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
  
    width: 100%;
    z-index: 99999;
	height:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
	
}
    
    .navbar {
        height: auto;
        margin-bottom:0px;
        border: none;
    }
	.navbar-default .navbar-nav > li > a {
		color: #100e0e;
		font-weight: 600;
		font-family: cairo;
		font-size: 15px;
}
    .navbar-default {
        background: transparent;
    }
    .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
        position: relative;
        background: transparent !important;
        border:none;
        color:#ffd600;
        padding: 0;
        width: 40px;
        height: 30px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        margin-top:14px
    }
    .navbar-default .navbar-toggle .icon-bar {
        background: #cc0000;
        display: block;
        width: 100%;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;
    }
    .navbar-toggle .icon-bar:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #cc0000;
        display: block;
        transform: rotate(45deg);
        top: 14px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-toggle .icon-bar:after{
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #cc0000;
        display: block;
        bottom: 14px;
        transform: rotate(-45deg);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    /* MENU CLICK ACTIVE STYLE */
    .collapsed .icon-bar{
        display: block;
    }
    .collapsed .icon-bar:before{
        top:5px;
        transform: rotate(0deg);
    }
    .collapsed .icon-bar:after{
        bottom: 5px;
        transform: rotate(0deg);
    }
    .mbl-menu .icon-bar{
        background: transparent !important;
    }

    /* LOGO TITLE STYLE */
 

.m{     margin-top: 0px;
}
 @media only screen and (max-width: 990px){ 
#site-title {
		width:30%;
		height:30%;
		margin-right: -89px;
		

}
   }
   
   @media only screen and (max-width: 768px){ 
#site-title {
		width:70%;
		height:70%;
		

}
   }
      @media only screen and (max-width: 650px){ 
#site-title {
	    margin-top: -120px;
		width:70%;
		height:70%;
		

}
   }
   
   .hero-slide .carousel-inner>.item>img{
    min-width: 100% !important;
}

.hero-slide .carousel-caption {
    bottom      : 50%;
    text-shadow : none;
    transform   : translateY(50%);
    left        : 50px;
    right       : 0;
    margin      : 0 auto;
    text-align  : left;
    }

.hero-slide .carousel-caption h1 {
    font-size      : 48px;
    line-height    : 1.3em;
    font-weight    : 100;
    color          : #fff;
    }

.hero-slide .carousel-caption p {
    font-size   : 18px;
    color       : #fff;
    font-weight : 100;
    line-height    : 1.5em;
    }

.hero-slide .carousel-control.left,
.hero-slide .carousel-control.right {
    width       : 50px;
    height      : 50px;
    line-height : 50px;
    top         : 50%;
    margin-top  : -25px;
    background  : transparent;
    cursor      : pointer;
    text-shadow : none;
    border-radius: 3px;
    background: #fff;
    color: #303841;
    box-shadow: inset 0 -2px rgba(0,0,0,.1);
    }



.hero-slide .carousel-control.left {
    left : 1%;
    opacity: 0;
    }

.hero-slide .carousel-control.right {
    right : 1%;
    opacity: 0;
    }

.hero-slide:hover .carousel-control.left,
.hero-slide:hover .carousel-control.right{
    opacity: 1;
}

.hero-slide:hover .carousel-control.left{
    left: 1%;
}


.hero-slide:hover .carousel-control.right{
    right: 1%;
}


.hero-slide .carousel-indicators {
    bottom : 60px;
    }

.hero-slide .carousel-indicators li {
    border : 2px solid #af0b0b;
    }

/*Media Query*/
@media screen and (max-width : 768px) {

    .hero-slide .carousel-caption h1 {
        font-size : 24px;
        }

    .hero-slide .carousel-indicators {
        bottom : 20px;
        }

    .hero-slide .carousel-caption p {
        font-size : 12px;
        }
    }
	
	.about-section {
    padding: 0px 0;
    background: #fff;
	direction:rtl
}

    .section-title {
        text-align: center;
    }

    .section-title > h1 {
		font-size: 42px;
		color: #1d1d1d;
		font-weight: 700;
		text-align: center;
		font-family: 'Cairo';
		margin: 0;
		padding: 0;
		line-height: 1.7;
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding-right: 5px;
		font-weight: bold;
		text-transform: uppercase;
	
    }
    .section-title > h1:before{
        content: "";
        height: 6px;
        width: 50%;
        background: #cc0000;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 1s;
    }
    .section-title > h1:after{
        content: "";
        height: 6px;
        width: 50%;
        background: #cc0000;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: all 1s;
    }

    .section-title > h1 > span {
        color: #cc0000;
    }

    .follow-us-section .section-title > h1 > span{
        color: #fff !important;
    }

    .skill-section .meet-title > h1 > span {
        color: #fff !important;
    }
    .contact-section .contact-title > h1 > span {
        color: #fff !important;
    }
    .section-title > h1:hover:before{
        left: 50%;
    }
    .section-title > h1:hover:after{
        right: 50%;
    }

    .section-title > p {
		font-family: 'Cairo';
		font-weight: 400;
		font-size: 15px;
		padding: 0 10%;
		margin-top: 20px;
		color: #373737;
		text-align: justify;
		text-align: center;
		line-height: 30px;
		
    }
	.about-section br{
		display: none;
	}
.about-section a{
	
		font-family: 'Cairo';
		background: #ac1821;
		color: #fff;
		padding: 9px 10px;
		min-width: 150px;
		display: inline-block;
		border-radius: 20px;
	
}
    .section-title > p > span {
        color: #ffd600;
    }



    .section-title > span {
    }

    .about-item {
        margin: 50px 0;
        text-align: center;
    }

    .about-item a i{
        font-size: 70px;
        color: #1d1d1d;
        margin: 20px 0;
        transition: all 1s;
    }

    .about-item a:hover i, .about-item:hover a i{
        color:#cc0000
    }

    .about-item a.icon{
        position: relative;
        display: inline-block;
        min-width: 100px;
        overflow: hidden;
    }

    .about-item a.icon:before{
        content: "";
        height: 10px;
        width: 50%;
        background: #1d1d1d;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 1s;
    }
    .about-item a.icon:after{
        content: "";
        height: 10px;
        width: 50%;
        background: #1d1d1d;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: all 1s;
    }

    .about-item a.icon:hover:before, .about-item:hover a.icon:before{
        left: 50%;
        background: #cc0000;
    }
    .about-item a.icon:hover:after, .about-item:hover a.icon:after{
        right: 50%   ;
        background: #cc0000;
    }
    .about-item > h2 {
  font-family:  'Droid Arabic Kufi', sans-serif;
        font-weight: 700;
        font-size: 18px;
    }

    .about-item > p {
        padding: 0 10%;
    }

    .about-item > a {
        color: #cc0000;
	font-family: 'Droid Arabic Naskh', tahoma, serif;
        font-weight: 400;
        font-size: 14px;
    }


.meet-section {
    background: #cc0000;
    padding: 100px 0;
}

    .ceo-profile-pic {
    }

    .ceo-profile-pic > a {
    }

    .meet-title > h1 {
        /*color: #fff  */
    }
    .meet-section .meet-title > h1 > span{
        color: #fff !important;
    }

    .meet-title > h1:before{
        content: "";
        height: 10px;
        width: 50%;
        background: #fff !important;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: all 1s;
    }
    .meet-title > h1:after{
        content: "";
        height: 10px;
        width: 50%;
        background: #fff !important;
        position: absolute;
        bottom: 0;
        right: 1px;
        transition: all 1s;
    }


    .cso-driescription {
    }

    .cso-driescription > p {
        color: #1d1d1d;
	font-family: 'Droid Arabic Naskh', tahoma, serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        margin-top: 20px;
        padding-left:20%
    }

    .cso-driescription > a {
        color: #cc0000;
        background:#1d1d1d;
        margin-left: 20%;
        padding: 15px 30px;
        outline: none;
        text-decoration: none;
        font-size: 15px;
        font-weight: 700;
        margin-top: 20px;
        display: inline-block;
        border: 1px solid #1d1d1d;
        transition: all 1s;
    }

    .cso-driescription > a:hover{
        border: 1px solid #1d1d1d;
        background: transparent;
        color: #fff;
    }


/* =======================
    SERVICE SECTION
========================= */
.service-section {
	padding: 40px 0;
    background: #f9f9f9;
    font-family: 'Cairo';
    margin: 40px 0;


}

    .service-title > h1{}
    .service-title > p{
        padding: 0 0 0 10%;
    }

    .section-sub-title {
    }

    .section-sub-title > h1 {
    }

    .service-item {
		text-align: center;
		margin: 0;
		background: #fff;
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
		padding: 20px 15px;
		border-bottom: none;
		/* display: flex; */
		text-align: right;
		overflow: auto;
    }
	.service-item i{
		width: 85px;
		font-size: 60px;
		float: right;
}
.service-item > h2 {
    padding-bottom: 10px;
    width: calc(100% - 100px);
}
    .service-item > h2 {
  font-family: cairo;
        font-weight: 700;
        font-size: 16px;
        display: inline-block;
        overflow: hidden;
        transition: all 1s;
		margin-bottom: 0;
    }
	.service-item  p:nth-of-type(1),.service-item  p:nth-of-type(2){
display: none;
	}
    .service-item a{
        display: block;
        text-align: center;
    }
	
	  .service-item > p:empty{
		width: 0 !important;
		background-color: orange;
	  }
    .service-item a i{
        font-size: 50px;
        color: #1d1d1d;
        margin: 20px 0;
        transition: all 1s;
        display: block;
        text-align: center;
    }

    .service-item a:hover i, .service-item:hover a i,.service-item:hover h2{
        color:#cc0000;
		text-decoration:none;
		
    }

    .service-item h2:before{
        content: "";
        height: 4px;
        width: 50%;
        background: #fff;
        position: absolute;
        bottom: 0px;
        left: 0px;
        transition: all 1s;
    }
    .service-item h2:after{
        content: "";
        height: 4px;
        width: 50%;
        background: #fff;
        position: absolute;
        bottom: 0px;
        right: 0px;
        transition: all 1s;
    }

    .service-item h2:hover:before, .service-item:hover h2:before{
        left: 50%;
        background: #cc0000;
    }
    .service-item h2:hover:after, .service-item:hover h2:after{
        right: 50%   ;
        background: #cc0000;
    }
    .service-item > p {
		padding: 0;
		margin-top: 0;
		font-family: 'Cairo';
		width: calc(100% - 100px);
		float: right;

    }






.wc-table{
	display: inline-block;
	text-align: center;
	margin-top:50px;
}
.wc-table li {  
}
.single-wc-content{
	float: left;
	display: inline;
	width: 100%;
}
.single-wc-content span {
	border-radius: 100%;
	display: inline-block;
	font-size: 35px;
	height: 117px;
	line-height: 117px;
	text-align: center;
	width: 117px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.single-wc-content span {
  border: 1px solid #cc0000 !important;
  color: #cc0000 !important;
}
.single-wc-content:hover .wc-icon {
  background-color: #CC0000 !important;
  color: white !important;
}
.single-wc-content:hover .wc-tittle {
  /* border-bottom: 4px solid #CC0000 !important; */
}
.single-wc-content .wc-tittle {
  border-bottom: none !important;
  color: #cc0000;
  font-size: 15px !important;
  font-weight: bold;
  margin-top: 32px;
  padding-bottom: 17px;
  text-transform: uppercase;
}
.programm {
  color: #CC0000;
  margin-top: -25px;
  font-weight: normal;
  margin-bottom: -3px;
  padding-bottom: 0px;
  font-size: 27px;
}
.single-wc-content .wc-tittle{
	color: #1d1d1d;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    border-bottom: none;
    margin-top: 40px;
    padding-bottom: 17px;
    font-family: 'Cairo';
}
.single-wc-content p {
	color:#373737;
    font-size: 15px;
    padding: 0;
    font-family: 'Cairo';
    line-height: 26px;
}
.single-wc-content a + p{
	display: none !important;
}
.single-wc-content:hover .wc-icon{
	color: #fff;
}
.single-wc-content:hover .wc-tittle{
	padding-bottom: 16px;	
}


/* =======================
    CLIENT SECTION
========================= */
.client-section {
    padding: 50px 0;
}
    #client {
        margin-top: 50px;
    }

    .col-lg-offset-1 > p {
    }

    .col-lg-offset-1 > h1 {
    }

    .col-lg-offset-1 > h1 > span {
    }

    .client-item {
    }

    .client-item {
        display: inline-block;
        position: relative;
		margin-bottom:20px;
		border-radius:4px;
    }
	
	
    
    
/* =======================
    CONTACT SECTION
========================= */
.contact-section {
    padding: 50px 0;
    background: #111111;
	margin-bottom:-19px;
}

    .footer-infomation {
        margin-top: 50px;
    }

    .footer-infomation > h1 {
       
		color: #fff;
    font-size: 30px;
    font-family: 'Cairo';
    text-transform: uppercase;
    margin-bottom: 10px;
    }

    .footer-infomation > h1 > span {
        color: #fff;
    }

    .footer-infomation > p {
        color: #fff;
		font-family: 'Cairo';
    }

    .footer-infomation > p > br {
    }

    .contact-area {
        margin-top: 50px;
    }

    .contact-area > form {
    }

    .contact-area input{
        background: transparent;
        border-radius: 0px;
        border: none;
        box-shadow: none;
        border-bottom: 5px solid #fff;
        padding: 15px 0;
        color: #CC0000;
    }

    .contact-area input:hover, .contact-area input:focus, .contact-area textarea:focus{
        box-shadow: none;
        color: #CC0000;
        border-bottom: 5px solid #CC0000;
    }

    .contact-area textarea{
        background: transparent;
        border-radius: 0px;
        border: none;
        box-shadow: none !important;
        border-bottom: 5px solid #fff;
        padding: 15px 0;
        width: 100%
    }
    .contact-area textarea:hover, .contact-area textarea:focus{
        box-shadow: none !important;
        color: #CC0000;
        border-bottom: 5px solid #CC0000;
        outline: none !important
    }

    .form-group {
        padding: 0;
    }

    .contact-area   .btn-primary{
        color: #ffffff ;
        font-weight: 700;
        background: #CC0000;
        padding: 15px 50px 12px;
        text-transform: uppercase;
        outline: none;
        font-size: 15px;
        position: relative;
        display: inline-block !important;
        margin-top: 2px;
        transition: all 0.3s;
        border: 1px solid #CC0000;
        border-radius: 0px;
    }
    .contact-area  .btn-primary:hover{
        background:  #fff !important;
        border: 1px solid #CC0000;
        color: #CC0000;
        outline: none;
    }

.social-follow {
        margin-top: 25px;
    }

    .social-follow > ul {
    }

    .social-follow > ul > li {
        list-style: none;
        display: inline-block;
    }

    .social-follow > ul > li > a {
    }

    .social-follow > ul > li > a > i{
        color: #CC0000;
        font-size:20px;
        text-align: center;
        width: 33px;
        height: 33px;
        background: #000;
        padding: 6px 0;
        border: 1px solid #CC0000;
        transition: all 0.3s;
    }

    .social-follow > ul > li > a:hover > i{
        background: #CC0000;
        color: #fff !important;
        border: 1px solid #fff
    }
.footer-section {
    background: #000;
    text-align: center;
    padding: 30px 0;
}
    .footer-section p {
        margin: 0 !important;
        color: #fff;
        font-size: 14px;
    }

    .footer-section p a{
        color: #CC0000;
		font-family: 'Cairo';
    }
	
	



ul.dates li {
		position: relative;
		border-top: solid 1px #ddd;
		padding: .5em 0 .5em 6.75em;
	}

	ul.dates .date {
		display: block;
		position: absolute;
		right: 0;
		top: 1.3em;
		background-color: #d52349;
		height: 3.5em;
		text-align: center;
		color: #fff;
		line-height: 1em;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 0.5em 0.75em 0 1em;
	}

		ul.dates .date:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: -1.2em;
			border-right: solid 1.25em #d52349;
			border-top: solid 1.8em transparent;
			border-bottom: solid 1.8em transparent;
		}

		ul.dates .date strong {
			display: block;
			font-size: 1.75em;
			padding-top: 0.15em;
		}

	ul.dates h3 {
		font-size: 1.3em;
		color:#d52349;
		font-family: 'Cairo';
	}
	ul.dates p{
		font-family: 'Cairo';
	}
	ul.dates p {
		margin: 0;
	}

	ul.dates li:first-child {
		border-top: 0;
		padding-top: 0;
	}

		ul.dates li:first-child .date {
			top: 125px;
		}

	ul.divided li {
		border-top: solid 1px #ddd;
		padding: 1em 0 1em 0;
	}

		ul.divided li:first-child {
			border-top: 0;
			padding-top: 0;
		}
		
		
		
		.fh5co-events {
  padding: 4em 0;
  background-color: transparent;
 
  position: relative;
}
.fh5co-events > .fh5co-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.fh5co-events > .container {
  z-index: 10;
  position: relative;
}
.fh5co-events .fh5co-heading .heading {
  position: relative;
  padding-top: 30px !important;
  color: #fff;
}
.fh5co-events .fh5co-heading .heading:before, #fh5co-events .fh5co-heading .heading::before {
  height: 64px;
  width: 49px;
  position: absolute;
  content: "";
  background: url(../images/0402-chef.png) no-repeat;
  top: 0;
  left: 50%;
  margin-top: -50px;
  margin-left: -24px;
}
.fh5co-events .fh5co-heading .sub-heading {
  color: #a99c92;
}
@media screen and (max-width: 768px) {
  .fh5co-events {
    padding: 5em 0;
  }
}
		
		
		.fh5co-events .fh5co-event {
  background: #fff;
  padding: 50px;
  text-align: center;
  
  position: relative;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.fh5co-events .fh5co-event:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.fh5co-events .fh5co-event:before {
  border: 2px solid #e6e6e6;
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  right: 15px;
  left: 15px;
  z-index: 0;
}
.fh5co-events .fh5co-event h3, .fh5co-events .fh5co-event .fh5co-event-meta, .fh5co-events .fh5co-event p, .fh5co-events .fh5co-event .btn {
  position: relative;
  z-index: 2;
}
.fh5co-events .fh5co-event h3 {
  padding: 0;
  margin: 0;
}
.fh5co-events .fh5co-event .fh5co-event-meta {
  margin-bottom: 20px;
  display: block;
  color:#212020;
  position: relative;
  padding-bottom: 10px;
  font-size: 16px;
}
.fh5co-events .fh5co-event .fh5co-event-meta:after, .fh5co-events .fh5co-event .fh5co-event-meta::after {
  background: #bfbfbf;
  background: #cc0000;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 40px;
  height: 2px;
  margin-left: -20px;
}
.fh5co-events .fh5co-event p {
  font-size: 16px;
  line-height: 1.8;
}
.fh5co-events .fh5co-event p:last-child {
  margin-bottom: 0;
}
.fh5co-events .fh5co-event .btn {
  margin-bottom: 0;
}

/* Partners */
.partner_items .item{
  margin: 3px;
}
.partner_items .item img{
  display: block;
}
.img-thumbnail { }


@media screen and (max-width: 768px) {
  .client-section {
	  text-align:center;
     
  }
}

.contact-area2 { text-align:center;}
  .contact-area2 input{
        background: #eae3e3;
        border-radius: 0px;
        border: none;
        box-shadow: none;
        border-bottom: 5px solid #fff;
        padding: 15px 15;
        color: #CC0000;
		height: 50px;
    }

    .contact-area2 input:hover, .contact-area2 input:focus, .contact-area2 textarea:focus{
        box-shadow: none;
        color: #CC0000;
        border-bottom: 5px solid #CC0000;
    }

    .contact-area2 textarea{
        background: #eae3e3;
        border-radius: 0px;
        border: none;
        box-shadow: none !important;
        border-bottom: 5px solid #fff;
        padding: 15px 15px;
        width: 100%
    }
    .contact-area2 textarea:hover, .contact-area2 textarea:focus{
        box-shadow: none !important;
        color: #CC0000;
        border-bottom: 5px solid #CC0000;
        outline: none !important
    }

   

    .contact-area2   .btn-primary{
        color: #ffffff ;
        font-weight: 700;
        background: #CC0000;
        padding: 15px 50px 12px;
        text-transform: uppercase;
        outline: none;
        font-size: 15px;
        position: relative;
        display: inline-block !important;
        margin-top: 2px;
        transition: all 0.3s;
        border: 1px solid #CC0000;
        border-radius: 0px;
    }
    .contact-area2  .btn-primary:hover{
        background:  #fff !important;
        border: 1px solid #CC0000;
        color: #CC0000;
        outline: none;
    }
	.pirate_forms_wrap { float:none;}


	.team-section i{
		color: #cc0000;
		width: 90px;
		height: 90px;
		border-radius: 10px;
		background-color: #b32026;
		display: block;
		color: #fff;
		font-size: 41px;
		margin: 0 auto;
		transform: rotate(45deg);
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff !important;
	}

	.team-section .fa-hospital-o:before ,.team-section .fa-building:before , .team-section .fa-cutlery:before , .team-section .fa-user:before{
		transform: rotate(-45deg);
	}

	table.wp-list-table.widefat.fixed.striped.forms {
		display: none;
	}
	section#team {
		padding-bottom: 50px;
	}

	.contact-area2 label {
		display: block;
		font-family: 'Cairo';
		font-weight: normal ! important;
		text-align: right;
		font-family: 'Cairo';
    font-weight: normal ! important;
    text-align: right;
    width: 30%;
    margin-right: 3%;
	}

	.wpcf7-form input,  .wpcf7-form textarea {
		border: solid;
		border-color: #fff;
		border-width: 1px;
		color: #fff !important;
		margin-top: 10px;
		padding: 4px 10px;
		height: 40px;
		background-color: transparent;
	}

	.wpcf7-form p{
		display: flex;
		flex-wrap: wrap;
	}
	div.wpcf7 {
		max-width: 100% !important;
	}
	input[type=text], textarea {
		background: transparent;
	}
	.wpcf7 input, .wpcf7 textarea {
		border: solid;
		border-color: #fff !important;
		border-width: 1px !important;
		margin-bottom: 15px;
	}
	.contact-area2 input:hover, .contact-area2 input:focus, .contact-area2 textarea:focus {
		box-shadow: none;
		color: #CC0000;
		border-bottom: 1px solid #CC0000;
	}

	.wpcf7-form textarea {
		padding-left: 3px;
		width: 98%;
	}

	.wpcf7-form label:last-child {
		width: 100%;
	}

	.wpcf7-form textarea{
		max-width: 99%;
		height: 100px !important;
	}

	input[type=text], textarea {
		background: transparent !important;
	}

	input[type=submit] {
		background-color: #ac1821 !important;
    color: white;
    padding-top: 0% !important;
    padding-bottom: 0% !important;
    font-family: cairo;
    border: none !important;
	}

	div.wpcf7-response-output {
	
		border: none !important;
	}

	div.wpcf7 {
		
		margin-top: 40px;
	}

	.wpcf7-not-valid-tip {
		
		font-family: cairo !important;
	}
	.wp-block-spacer {
		display: none !important;
	}

	@media (max-width: 575.98px) { 
		.navbar-default {
			width: 100%;
		}
		#site-title {
			margin-right: 0;
			 padding: 10px 0 0; 
			margin-top: -54px;
		}
		.navbar-brand a img{
			width: 200px !important;
		}
		.team-section .wc-table li {
			margin-bottom: 30px;
		}
		.contact-area2 label {
			
		width: 100%;
		margin-right: 0%;
		}
	 }

	@media (min-width: 576px) and (max-width: 767.98px) { 
		.navbar-brand a img{
			width: 200px !important;
		}
		.navbar-default {
			width: 100%;
		}
		#site-title {
			margin-right: 0;
			 padding: 10px 0 0; 
			margin-top: -63px;
		}
		.team-section .wc-table li {
			margin-bottom: 30px;
		}
	 }

	@media (min-width: 992px) and (max-width: 1199.98px) { 
		.navbar-brand img{
			width: 200px;
		}
		.team-section .wc-table li {
			margin-bottom: 30px;
		}
	 }

	 @media (min-width: 768px) and (max-width: 991.98px) { 
		.navbar-header {
			float: none;
		}
		.navbar-brand {
			float: none;
			width: 100% !important;
			display: flex;
			justify-content: center;
    margin-bottom: 18px;
		  }
		  .team-section .wc-table li {
			margin-bottom: 30px;
		}
	  }


	 .client-item .img-thumbnail {
		width: 100% !important;
		object-fit: contain;
	}

	.client-section .row.col-lg-11.col-lg-offset-1 {
		margin-top: 0 !important;
	}

	
	ul.dates .date {
		background-color: #ac1821 !important;
	}
	ul.dates .date:after {
	
		border-right: solid 1.25em #ac1821;
	}
	ul.dates h3 {
		font-size: 16px !important;
		color: #ac1821 !important;
		font-weight: 700 !important;
	}
	ul.dates p {
		margin: 0;
		padding: 0 !important;
		font-size: 14px !important;
	}
	ul.dates .date {
		margin-top: -7px !important;
	}
	ul.dates li:first-child .date {
		top: 95px !important;
	}
	ul.dates .date {
		width: 90px;
	}
	ul.dates li {
		padding: 0.5em 0 0.5em 0 !important;
	}
	/* edit services */
	.post-35 .entry-content br{
		display: none;
	}

	.post-35 .entry-content .service-section {
		padding: 0;
		background: #fff;
		margin: 0;
	}