@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
@import url('https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext');
@import url('bootstrap.css');
@import url('css3-animations.css');
@import url('animate.css');
@import url('fonts.css');
@import url('font-awesome.css');
@import url('fontello.css');
@import url('fancybox.css');
@import url('prettyPhoto.css');
/* Roboto */
/* lato */
/* open sans */
/*=============================================================================

  1- Imported Css 

  =============================================================================*/
/* BootStrap */
/* Css3 Animations */
/* fonts */
/* fontawesome */
/* stroke-gap */
/* fancybox */
/*=============================================================================

  2- General resets

  =============================================================================*/
/* --- general resets --------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, embed, object {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility !important;
	font-smoothing: antialiased !important;
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-variant: normal;
	text-transform: none;
	speak: none;
}
/* --- HTML5 display-role reset for older browsers --------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* --- typography --------------------- */
/*headings*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	margin-bottom: 15px;
	font-weight: 500;
	line-height: 28px;
	color: #333333;
}
.dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 {
	color: #0d7abf;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 14px;
}
/* paragraphs */
p {
	font-size: 14px;
	line-height: 23px;
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #a9a9ab;
	font-weight: 500;
	margin-bottom: 15px;
}
p:last-child {
	margin-bottom: 0px;
}
span {
	font-size: 13px;
	font-family: inherit;
}
/* small */
code, pre {
	display: block;
	white-space: pre;
}
del {
	text-decoration: line-through;
	color: #666666;
}
ins, dfn {
	border-bottom: 1px solid #cccccc;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: capitalize;
}
a abbr, a acronym {
	border: none;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #cccccc;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
cite, em, dfn {
	font-style: italic;
}
i {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	display: inline-block;
}
/* Fontello */
[class^="icon-"]:before, [class*=" icon-"]:before {
 width: auto;
 margin-right: 0px;
 margin-left: 0px;
 line-height: 1;
}
/*strong*/
strong {
	font-weight: 900;
}
/* Blockquote */
blockquote {
	background-color: rgba(245, 245, 245, 0.5);
	position: relative;
	padding: 20px 30px;
	border: none;
	margin: 0 auto;
	margin-bottom: 15px;
	color: #999b9e;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
}
blockquote:before {
	content: '';
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #0d7abf;
	z-index: 100;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
blockquote p {
	color: #333333;
	font-style: italic;
}
blockquote p:after, blockquote p:before {
	content: '"';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	line-height: initial;
	font-size: 20px;
	display: inline-block;
	margin: 0 5px;
}
/* Lists */
ol, ul {
	list-style: none;
}
/* Code */
kbd {
	padding: 2px 4px;
	font-size: 90%;
 color:;
	background-color: transparent;
	border-radius: 3px;
	box-shadow: none;
}
/* --- Forms --------------------- */
form {
	outline: none;
}
input, textarea, button, input[type="button"], .generalBtn {
	outline: none !important;
	box-shadow: none;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input, textarea {
	font-size: 13px;
	color: #5d5d5d;
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
	padding: 0 12px;
	height: 36px;
	outline: none;
	color: #a9a9ab;
	margin: 0;
	margin-bottom: 30px;
	max-width: 100%;
	width: 100%;
	border: 1px solid #e0e5ed;
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f6f6f6;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-weight: 500;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	min-height: 186px;
	position: relative;
	resize: none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus {
	border-color: #232020 !important;
	color: #232020 !important;
}
input[type="text"]:last-child, input[type="password"]:last-child, input[type="email"]:last-child, input[type="url"]:last-child, input[type="search"]:last-child, textarea:last-child, select:last-child {
}
.form-item {
	position: relative;
}
.form-item input[type="text"], .form-item input[type="password"], .form-item input[type="email"], .form-item input[type="url"], .form-item input[type="search"], .form-item textarea, .form-item select {
}
.form-item textarea {
	padding-top: 9px;
	padding-bottom: 9px;
}
.form-item label {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 42px;
	z-index: 1;
	color: #d1d1d3;
}
.form-item button, .form-item input[type="button"], .form-item input[type="submit"], .form-item .general-btn {
}
.form-item input[type="text"]:focus + label, .form-item input[type="password"]:focus + label, .form-item input[type="email"]:focus + label, .form-item input[type="url"]:focus + label, .form-item input[type="search"]:focus + label, .form-item textarea:focus + label {
	color: #232020 !important;
}
.form-item:last-child {
	margin-bottom: 0;
}
/* buttons */
button, input[type="button"], input[type="submit"], .general-btn {
    font-weight: lighter;
    color: #fff;
    background-color: #1d4898;
    padding: 10px 50px;
    text-align: center;
    font-size: 13px;
    border: none;
    margin: 0;
    border: none;
    border: none;
    font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    margin-top: 10px;
    border-radius: 0;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .general-btn:hover {
    background: #005387;
    color: #fff;
}
/* placeholder */
*::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d1d1d3;
}
*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #d1d1d3;
 opacity: 1;
}
*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #d1d1d3;
 opacity: 1;
}
*:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #d1d1d3;
}
/* --- tables --------------------- */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: 400;
}
/* --- images --------------------- */
img {
	/*max-width: 100%;*/
  -moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* --- links --------------------- */
a {
	text-decoration: none !important;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #0d7abf;
	position: relative;/*&:after {
    content: '';
    height: 1px;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: @blue;
    .transition(width, 0.3s,linear);
  }*/
}
a, a:visited {
	outline: 0px;
}
a:hover {
	color: #333333;/*&:after {
    width: 100%;
  }*/
}
a:hover > i, button:hover > i {
	-webkit-animation: toTopFromBottom 0.5s forwards;
	-moz-animation: toTopFromBottom 0.5s forwards;
	-khtml-animation: toTopFromBottom 0.5s forwards;
	-o-animation: toTopFromBottom 0.5s forwards;
	animation: toTopFromBottom 0.5s forwards;
}
/*general link*/
.general-link {
	padding: 8px 15px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	min-width: 85px;
	background-color: #DB363A;
	color: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.general-link:hover {
	background-color: #5c5c5c;
	color: #ffffff;
}
.general-link.accent {
	background-color: #0d7abf;
}
.general-link.accent:hover {
	background-color: #333333;
}
.blue {
	background-color: #0d7abf;
}
.blue:hover {
	background-color: #333333;
}
.green {
	background-color: #C2B066;
}
.green:hover {
	background-color: #333333;
}
.general-link.dark {
	background-color: #12171d;
}
.general-link.dark:hover {
	background-color: #0F1419;
}
span.general-link.dark {
	background-color: #333333 !important;
}
span.general-link.acent {
	background-color: #0d7abf;
}
.bordered {
	background-color: transparent;
	border: 1px solid #0d7abf;
	color: #0d7abf;
}
.bordered:hover {
	border: 1px solid #0d7abf;
	background-color: #0d7abf;
	color: #ffffff;
}
.bordered.green {
	border: 1px solid #21a95c;
	color: #21a95c;
}
.bordered.green:hover {
	border: 1px solid #21a95c;
	background-color: #21a95c;
	color: #ffffff;
}
.gradient-link {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #0d7abf), color-stop(100% #f85d3a));
	background-image: -webkit-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -moz-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -ms-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -o-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gradient-link:hover {
	background-color: #f85d3a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f85d3a), color-stop(100% #0d7abf));
	background-image: -webkit-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: -moz-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: -ms-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: -o-linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
	background-image: linear-gradient(top, #f85d3a 10%, #0d7abf 100%);
}
.mini {
	padding: 5px 10px;
	font-size: 0.75em;
}
.small {
	padding: 7px 12px;
	font-size: 0.85em;
}
.large {
	padding: 15px 25px;
	font-size: 1.5em;
}
.links .general-link {
	margin: 0 5px;
	min-width: 150px;
}
/* break */
.br {
	display: block;
	height: 30px;
}
.br-10 {
	height: 10px;
}
.br-20 {
	height: 20px;
}
.br-30 {
	height: 30px;
}
.br-40 {
	height: 40px;
}
.br-50 {
	height: 50px;
}
.br-60 {
	height: 60px;
}
.br-70 {
	height: 70px;
}
.br-80 {
	height: 80px;
}
.br-90 {
	height: 90px;
}
/* hr */
hr, .container hr {
	margin: 0px;
	height: 1px;
	background: #d1d1d3;
	border: 0px;
}
/* --- clearing --------------------- */
.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
/* --- Svg --------------------- */
.svg {
	width: 100%;
	height: 100%;
}
/* --- general classes --------------------- */
.none {
	display: none;
}
.block {
	display: block !important;
}
.fixed_pos {
	position: fixed;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.centerdText {
	text-align: center;
}
.noMarginLeft {
	margin-left: 0px !important;
}
.noMarginRight {
	margin-right: 0px !important;
}
.noMarginTop {
	margin-right: 0px !important;
}
.noMarginBottom {
	margin-bottom: 0px !important;
}
.firstChild {
	margin: 0px;
}
.lastChild {
	margin: 0px;
}
.offset {
	display: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.white {
	color: #ffffff;
}
/* col */
[class*="col"] {
 -webkit-transition: width 0.4s linear;
 -moz-transition: width 0.4s linear;
 -o-transition: width 0.4s linear;
 -ms-transition: width 0.4s linear;
 -khtml-transition: width 0.4s linear;
 transition: width 0.4s linear;
}
/* --- selection --------------------- */
::-moz-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-webkit-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-o-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-khtml-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::-ms-selection {
 background-color: #0d7abf;
 color: #ffffff;
}
::selection {
 background-color: #0d7abf;
 color: #ffffff;
}
/* --- tooltip --------------------- */
/* tooltip bottom */
.tooltipBottom + .tooltip {
	animation-name: tooltipBottom;
	-webkit-animation-name: tooltipBottom;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipBottom {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(30%);
}
 100% {
 transform: translateY(0%);
}
}
@-webkit-keyframes tooltipBottom {
 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(30%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/* tooltip top */
.tooltipTop + .tooltip, .tooltip {
	animation-name: tooltipTop;
	-webkit-animation-name: tooltipTop;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipTop {
 0% {
 transform: translateY(0%);
}
 50% {
 transform: translateY(-30%);
}
 100% {
 transform: translateY(0%);
}
}
@-webkit-keyframes tooltipTop {
 0% {
 -webkit-transform: translateY(0%);
}
 50% {
 -webkit-transform: translateY(-30%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/* tooltip left */
.tooltip {
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tooltipLeft + .tooltip {
	animation-name: tooltipLeft;
	-webkit-animation-name: tooltipLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipLeft {
 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(-30%);
}
 100% {
 transform: translateX(0%);
}
}
@-webkit-keyframes tooltipLeft {
 0% {
 -webkit-transform: translateX(0%);
}
 50% {
 -webkit-transform: translateX(-30%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/* tooltip Right */
.tooltipRight + .tooltip {
	animation-name: tooltipRight;
	-webkit-animation-name: tooltipRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
@keyframes tooltipRight {
 0% {
 transform: translateX(0%);
}
 50% {
 transform: translateX(30%);
}
 100% {
 transform: translateX(0%);
}
}
@-webkit-keyframes tooltipRight {
 0% {
 -webkit-transform: translateX(0%);
}
 50% {
 -webkit-transform: translateX(30%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
/*tool tip customize*/
.tooltip-inner {
	background-color: #333333;
	padding: 5px 15px;
	font-size: 11px;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #333333;
}
.tooltip.top-left .tooltip-arrow {
	border-top-color: #333333;
}
.tooltip.top-right .tooltip-arrow {
	border-top-color: #333333;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #333333;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #333333;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #333333;
}
.tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #333333;
}
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #333333;
}
/*dark section  tooltip*/
.dark-section .tooltip-inner {
	background-color: #ffffff;
	color: #333333;
}
.dark-section .tooltip.top .tooltip-arrow {
	border-top-color: #ffffff;
}
.dark-section .tooltip.top-left .tooltip-arrow {
	border-top-color: #ffffff;
}
.dark-section .tooltip.top-right .tooltip-arrow {
	border-top-color: #ffffff;
}
.dark-section .tooltip.right .tooltip-arrow {
	border-right-color: #ffffff;
}
.dark-section .tooltip.left .tooltip-arrow {
	border-left-color: #ffffff;
}
.dark-section .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ffffff;
}
.dark-section .tooltip.bottom-left .tooltip-arrow {
	border-bottom-color: #ffffff;
}
.dark-section .tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #ffffff;
}
/* --- Basic --------------------- */
.menu {
	padding-top: 0px !important;
}
.loadSmooth {
	-webkit-transition: 0.7s ease-in-out linear;
	-moz-transition: 0.7s ease-in-out linear;
	-o-transition: 0.7s ease-in-out linear;
	-ms-transition: 0.7s ease-in-out linear;
	-khtml-transition: 0.7s ease-in-out linear;
	transition: 0.7s ease-in-out linear;
}
#container {
	overflow: hidden;
}
/* --- General Mixins --------------------- */
.gray-box {
	border: 1px solid #e8e8e9;
	background-color: #f8f8f8;
	color: #a9a9ab;
}
.gray-box:hover {
	color: #0d7abf;
}
.block-img {
	display: block;
	width: 100%;
	height: 100%;
}
.gradient-box-vr {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #0d7abf), color-stop(100% #f85d3a));
	background-image: -webkit-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -moz-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -ms-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -o-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gradient-box-hr {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left top, color-stop(10%, #f85d3a), color-stop(100% #0d7abf));
	background-image: -webkit-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: -moz-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: -ms-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: -o-linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	background-image: linear-gradient(left, #f85d3a 10%, #0d7abf 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.p0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.row_nomarg {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*=============================================================================

  3- Globally pages Applied Styles

  =============================================================================*/
/* --- Body --------------------- */
body {
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333333;
	background:#e9e9e9;
	direction:rtl;
}
/* --- All Wrapper --------------------- */
.all-wrapper {
	position: relative;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-khtml-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.innerWrapper {
	margin: auto;
}
.container {
	padding: 0px !important;
}
/* --- Loading --------------------- */
.loading-container {
	text-align: center;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	display: inline-block;
	z-index: 1000;
}
.loading-container .loading {
	display: inline-block;
	text-align: center;
	height: 80px;
	width: 80px;
}
.loading-container .loading:before, .loading-container .loading:after {
	position: absolute;
	bottom: 30px;
	left: 50%;
	display: block;
	border: 5px solid #d1d1d3;
	border-radius: 50%;
	content: '';
}
.loading-container .loading:before {
	margin-left: -40px;
	width: 80px;
	height: 80px;
	border-right-color: #333333;
	border-left-color: #333333;
	-webkit-animation: rotation 3s linear infinite;
	animation: rotation 3s linear infinite;
}
.loading-container .loading:after {
	bottom: 50px;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	border-top-color: #333333;
	border-bottom-color: #333333;
	-webkit-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
 0% {
 -webkit-transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
@keyframes rotation {
 0% {
 transform: rotate(0deg);
}
 50% {
 transform: rotate(180deg);
}
 100% {
 transform: rotate(360deg);
}
}
.loading i {
	width: 52px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -21px;
	top: 50%;
	margin-top: -30px;
	font-size: 60px;
	display: inline-block;
}
/* --- Sections --------------------- */
.main-section {
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	-khtml-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	padding: 105px 0;
}
.main-section .cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.75);
	z-index: 1;
}
.dark-section {
	background-color: #333333;
}
.gray-section {
	background-color: #f6f6f6;
}
.img-section {
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background: #333333 url('../images/img-section-bg.jpg') center center;
	position: relative;
}
.img-section .cover {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(51, 51, 51, 0.9);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.img-section .container {
	position: relative;
	z-index: 10;
}
.img-section .section-header p {
	color: #e8e8e9;
}
.pattern-section {
	background: #333333 url('../images/pattern-section.png') center center;
}
.welcome {
	padding: 0;
}
/* section header */
.section-header {
	text-align: center;
	margin-bottom: 60px;
}
.section-header h3 {
	font-size: 25px;
	line-height: 1;
	color: #0d7abf;
	margin-bottom: 12px;
}
.section-header p {
	font-size: 16px;
	color: #6e6a6f;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-bottom: 28px;
}
.section-header .border-divider {
	background-color: #cbcbcd;
	display: block;
	margin: 0 auto;
}
/* --- Scroll Animation --------------------- */
.sa {
	opacity: 0;
	visibility: hidden;
}
.sa.animated {
	opacity: 1;
	visibility: visible;
}
/* custom animation delay */
.sa-t1 {
	-webkit-animation-delay: 0.2s;
	/* Chrome, Safari, Opera */
  -moz-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sa-t2 {
	-webkit-animation-delay: 0.5s;
	/* Chrome, Safari, Opera */
  -moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.sa-t3 {
	-webkit-animation-delay: 0.8s;
	/* Chrome, Safari, Opera */
  -moz-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
/* accent */
.accent {
	color: #0d7abf;
}
.accent-bg {
	background-color: #0d7abf;
}
/* --- Fancy Select --------------------- */
.fancy-select {
	position: relative;
	margin-left: 5px;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	height: 25px;
	line-height: 25px;
	text-align: right;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select select:focus + .trigger {
	background-color: rgba(255, 255, 255, 0.2);
}
.fancy-select select:focus + .trigger.open, .fancy-select select + .trigger:hover {
	background-color: #0d7abf;
}
.fancy-select .trigger {
	height: 25px;
	line-height: 25px;
	border-radius: 2px;
	cursor: pointer;
	padding: 0px 30px 0px 7px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select .trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #fff;
	top: 12px;
	right: 7px;
}
.fancy-select .trigger.open {
	color: #fff;
	background-color: #0d7abf;
	border-radius: 2px 2px 0px 0px;
}
.fancy-select ul.options {
	list-style: none;
	position: absolute;
	left: 0px;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
	max-height: 200px;
	overflow: hidden;
	min-width: 150px;
	border-radius: 0px 2px 2px 2px;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select ul.options li {
	padding: 8px 12px;
	float: none;
	margin: 0;
	color: #5d5d5d;
	background-color: #fff;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	-webkit-transition: all 0.2 linear;
	-moz-transition: all 0.2 linear;
	-o-transition: all 0.2 linear;
	-ms-transition: all 0.2 linear;
	-khtml-transition: all 0.2 linear;
	transition: all 0.2 linear;
}
.fancy-select ul.options li.selected {
	color: #fff;
	background-color: #0d7abf;
}
.fancy-select ul.options li.hover {
	color: #fff;
	background-color: #0d7abf;
}
.fancy-select ul.options.open {
	visibility: visible;
	opacity: 1;
}
.fancy-select ul.options.overflowing {
	top: auto;
	bottom: 40px;
}
.fancy-select ul.options.overflowing.open {
	top: auto;
	bottom: 50px;
}
.fancy-select.disabled {
	opacity: 0.5;
}
/* corner */
.corner {
	position: absolute;
	z-index: 2;
	display: block;
}
.top-left {
	top: 0;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.top-right {
	top: 0;
	right: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.bottom-left {
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.bottom-right {
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* social-media */
.social-media {
	text-align: center;
	overflow:hidden;
	direction: ltr;
	padding-top:55px;
}
.social-media li {
	display:inline-block;
	margin:0 4px;
	position: relative;
}
.social-media li a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #a6a6a6;
	font-size: 16px;
	overflow: hidden;
	padding: 0;
}
.social-media li a i {
	font-size: 16px;
}
.social-media li:hover a {
	color: #1d4898;
}
.social-media.colored li:hover .facebook {
}
.social-media.colored li:hover .gplus {
}
.social-media.colored li:hover .twitter {
}
.social-media.colored li .pinterest {
	background-color: #cc2127;
}
.social-media.colored li .vimeo {
	background-color: #1ab7ea;
}
.social-media.colored li .dribbble {
	background-color: #ea4c89;
}
.social-media.colored li .instagram {
	background-color: #99694b;
}
.social-media.colored li:hover .rss {
}
.social-media.colored li .youtube {
	background-color: #c9170d;
}
.social-media.colored li .search-wrapper {
	background-color: transparent;
}
.language {
	background-color: #1d4898;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0;
	margin-top: 0;
}
.language i {
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}
/* social-media header*/
.top_header .social-media {
	text-align: center;
	overflow: visible;
	height: 30px;
	margin-top: 0;
	direction: ltr;
	padding-top:22px;
	padding-bottom:22px;
}
.top_header .social-media li {
	display: inline-block;
	margin: 0 7px;
	position: relative;
	float:left;
}
.top_header .social-media li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 13px;
	overflow: hidden;
	padding: 0;
	margin:0px;
	border-radius:15px;
}
.top_header .social-media li button {
	display: block;
	width: 50px !important;
	height: 44px !important;
	line-height: 44px !important;
	color: #000000 !important;
	font-size: 18px;
	overflow: hidden;
	padding: 0;
	margin: 0px;
}
.top_header .social-media li:hover a {
}
.top_header .social-media li a i {
	font-size: 14px;
	margin:0px;
}
/* colors-border */
.colors-border {
	height: 2px;
	background: url('../images/colors-border.png');
}
/* accordian-shortCode */
.accordian-shortCode .accordion-row {
	margin-bottom: 15px;
}
.accordian-shortCode .accordion-row:last-child {
	margin-bottom: 0;
}
.accordian-shortCode .title {
	border: 1px solid rgba(13, 122, 191, 0.1);
	padding: 7px 15px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	color: #0d7abf;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	text-transform: uppercase;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}
.accordian-shortCode .title:after {
	content: '+';
	font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	float: right;
	display: block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	color: #0d7abf;
	font-weight: 700;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-ms-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font-size: 25px;
}
.accordian-shortCode .title:hover {
	color: #21a95c;
	border: 1px solid #21a95c;
}
.accordian-shortCode .title:hover:after {
	color: #21a95c;
}
.accordian-shortCode .active {
	background-color: #0d7abf;
	color: #ffffff !important;
	border-color: #0d7abf !important;
}
.accordian-shortCode .active:after {
	content: '-';
	color: #ffffff !important;
}
.accordian-shortCode .accordion-content {
	display: none;
	padding: 10px 0 0 0;
}
.accordian-shortCode .accordion-content p {
	color: #8f9193;
	font-size: 14px;
	line-height: 23px;
	font-family: 'Lato', sans-serif;
}
.accordian-shortCode .accordion-content p a {
	color: #21a95c;
	font-size: 11px;
	display: inline-block;
	margin-left: 5px;
	line-height: 24px;
}
.accordian-shortCode .accordion-content p a:hover {
	color: #0d7abf;
}
.accordian-shortCode .accordion-content p span {
	color: #383838;
	font-weight: 700;
}
.accordian-shortCode .accordion-row:first-child .accordion-content {
	display: block;
}
/*=============================================================================

  4- Headers Styles

  =============================================================================*/
/* --- Default Header --------------------- */
.header {
	z-index: 100;
	position: relative;
}
/* top_header */
.top_header {
	background: url(../images/top_h.png) no-repeat right top;
	padding-right: 113px;
	position: relative;
	height: 74px;
	overflow: hidden;
	border-bottom-left-radius: 20px;
}
ul.header_contacts {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
ul.header_contacts li {
	height: 66px;
	line-height: 66px;
	float: left;
	margin: 0px;
	color: #fff;
	font-size: 16px;
	padding: 0 0px;
	border-right: none;
}
ul.header_contacts li + li {
	margin-left: 40px;
}
ul.header_contacts li a {
	color:#fff;
	direction:ltr;
	text-align:right;
	display: inline-block;
}
ul.header_contacts li i {
	margin: 0px;
	margin-left: 10px;
	color: #22c064;
	font-size: 25px;
}
.secret_but {
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-top: 1px solid #1d4898;
    padding: 0 20px;
    display: block;
    font-size: 14px;
    font-weight: lighter;
    overflow: hidden;
	background-color:#1d4898;
}
.secret_but i { color:#fff; margin-left:10px;}
.secret_but span { font-family:Verdana, Geneva, sans-serif;}
.secret_but:hover { color:#fff;}
/* search_bg */
.search_bg {
	padding:20px 0;
}
.search_bg .search .search-form {
	position: relative;
}
.search_bg .search .search-form input[type="search"] {
	background-color: #f8f8f8;
	color: #a9a9a9;
	margin-bottom: 0;
	padding-right: 25px;
	font-size: 12px;
	width: 100%;
	border: none;
	/* padding: 0; */
    height: 34px;
	border-radius: 12px;
}
.search_bg .search .search-form button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent !important;
	border: none;
	width: 34px !important;
	height: 34px !important;
	text-align: center;
	line-height: 34px !important;
	margin-bottom: 0;
	color: #868686 !important;
}
/* header_top */
.header_top {
    padding: 22px 0 22px;
}
/* header_bottom */
.header_bottom {
	background-color:#fff;
	}
.header_slider {
	background-color: #F0F0F0;
}
/* --- main-nav --------------------- */
.main-nav-wrapper {
	position: relative;
}
.main-nav-bar {
	padding-top:55px;
	}
.main-nav-bar-item {
	direction: rtl;
}
.main-nav-tabs > li {
	float:right;
}
.main-nav-tabs > li + li {
	margin-right:5px;
}
.main-nav-tabs > li > a {
    color: #333333;
    padding: 0 11px;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
    font-weight: lighter;
    text-align: right;
    height: 30px;
    line-height: 30px;
	border-radius:20px;
}
.main-nav-tabs > li > a i {
	display: block;
	text-align: center;
	font-size: 18px;
	color: #515151;
}
.main-nav-tabs > li:hover > a {
	background-color:#ededed;}
.main-nav-tabs > li:hover > a, .main-nav-tabs > li:hover > a i {
}
.main-nav-tabs > li > a:before {
}
.main-nav-tabs > li:hover> a:before {
}
.main-nav-tabs > li ul {
	width: 160px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.main-nav-tabs > li ul .mega-menu-col > a {
	font-size: 18px;
	font-weight: 600;
	background-color: transparent !important;
	color: #333333;
}
.main-nav-tabs > li ul li:first-child {
}
.main-nav-tabs > li ul li:last-child {
}
.main-nav-tabs > li > ul {
	top: 100%;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: none;
	margin-left: 0;
	border-radius: 0;
}
.main-nav-tabs > li > ul > li a {
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	padding: 0 10px;
	display: block;
	color: #333333;
}
.main-nav-tabs > li > ul > li a:hover {
	color: #232020;
	background-color: #ffffff;
}
.main-nav-tabs > li > ul > li a:before {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: 10px;
}
.main-nav-tabs > li > ul > li > ul {
	border: none;
}
.main-nav-tabs > li > ul > li > ul li {
	border-bottom: 0;
}
.main-nav-tabs > li > ul > li:last-child {
	margin-bottom: 0;
}
.main-nav-tabs li:hover > a {
}
.main-nav-tabs li:hover > ul {
	display: block;
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
.main-nav-tabs li ul {
	z-index: 1000;
}
.main-nav-tabs .opened > a {
}
.main-nav-tabs .mega-menu.opened .opened > a {
	color: #0d7abf;
}
.main-nav-tabs .mega-menu.opened .opened .opened > a {
	color: #0d7abf;
	background-color: #f6f6f6;
}
.main-nav-tabs .dropdown.opened .opened a {
	color: #0d7abf;
	background-color: #f6f6f6;
}
.main-nav-tabs .dropdown > a:after {
	content: "\f104";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
}
.main-nav-tabs .mega-menu > a:after {
	content: '\f107';
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
}
.main-nav-tabs .dropdown {
	position: relative;
}
.main-nav-tabs .dropdown ul li {
	position: relative;
	background-color: #ededed;
	padding: 8px 5px;
}
.main-nav-tabs .dropdown ul li:hover > a {
	color: #232020;
	background-color: #ffffff;
}
.main-nav-tabs .dropdown ul li:first-child {
}
.main-nav-tabs .dropdown > ul {
	position: absolute;
	padding-top: 15px;
}
.main-nav-tabs .dropdown > ul li {
	position: relative;
}
.main-nav-tabs .dropdown > ul li ul {
	position: absolute;
	left: 100%;
	top: -2px;
	border: 1px solid #d1d1d3;
	border-bottom: 0;
	width: 199px;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.main-nav-tabs .dropdown > ul li ul li {
	border-bottom: 1px solid #d1d1d3;
}
.main-nav-tabs .dropdown > ul li ul li ul {
	position: absolute;
	left: 100%;
	top: -2px;
	width: 199px;
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.main-nav-tabs .dropdown > ul li:hover ul {
	display: block;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
.main-nav-tabs .dropdown > ul li:hover ul li ul {
	display: none;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.main-nav-tabs .dropdown > ul li:hover ul li:hover ul {
	display: block;
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
.main-nav-tabs .mega-menu .dropdown > ul li:first-child:after {
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #0d7abf;
	position: absolute;
	top: -15px;
	left: 15px;
	z-index: 10;
}
.main-nav-tabs .mega-menu > ul {
	position: absolute;
	left: 0;
	padding: 30px 15px;
	width: 100%;
	border-left: 1px solid #d1d1d3;
	border-right: 1px solid #d1d1d3;
}
.main-nav-tabs .mega-menu > ul > li {
	border-bottom: 0;
}
.main-nav-tabs .mega-menu > ul > li > a {
	padding: 0;
	height: auto;
	line-height: 1;
	margin-bottom: 10px;
}
.main-nav-tabs .mega-menu > ul > li:hover > a {
	color: #0d7abf;
}
.main-nav-tabs .mega-menu > ul > li ul {
	left: auto;
	position: relative;
	opacity: 1;
	visibility: visible;
}
.main-nav-tabs .mega-menu > ul > li ul li {
	border-bottom: 1px solid #d1d1d3;
}
.main-nav-tabs .mega-menu > ul > li ul li:first-child {
	border-top: 1px solid #d1d1d3;
}
/* responsive menu wrapper */
#responsive-menu-wrapper {
	float:right;
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav-toggler {
	float: none;
	display:block;
	overflow: hidden;
	min-width: 40px !important;
	height: 40px;
	padding: 0;
	text-align: center;
	line-height: 40px;
	font-size: 15px;
}
#responsive-menu-wrapper .responsive-main-nav-toggler:focus { color:#fff;}
#responsive-menu-wrapper .responsive-main-nav-toggler.opened {
	background-color: #12171d;
	color: #ffffff;
}
#responsive-menu-wrapper .responsive-main-nav {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	/* width: 400px; */
    position: absolute;
	right: 20px;
	left: 20px;
	direction: rtl;
	top: 50px;
	z-index: 1000;
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs {
	width: 100%;
	background-color: #232020;
	padding-top: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li {
	float: none;
	margin: 0;
	padding: 8px 5px;
	padding-top: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button {
	font-size: 13px;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background-color: #232020;
	color: #ffffff;
	text-align: right;
	font-weight: 700;
	    border-radius: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a i, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button i {
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a:hover, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button:hover {
	background-color: #ffffff;
	color: #232020;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a:hover:after, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button:hover:after {
	color: #232020 !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li a.toggle-responsive:after, #responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li > button.toggle-responsive:after {
	content: '+';
	font-family: 'tahoma';
	float: left;
	color: #ffffff;
	font-size: 17px;
	font-weight: 700;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .toggle-responsive.active {
	background-color: #ffffff;
	color: #232020;
	    border-radius: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .toggle-responsive.active:after {
	content: '-';
	color: #0d7abf !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .active {
	background-color: #0d7abf;
	color: #ffffff;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li .active:after {
	color: #ffffff !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul {
	display: none;
	position: relative;
	width: 100%;
	animation: none !important;
	-webkit-animation: none !important;
	right: auto;
	left: auto;
	top: auto;
	padding-top: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li {
	padding-bottom: 8px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li a {
	padding: 0 30px;
	font-size: 12px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li a:before {
	content: '-';
	font-family: 'tahoma';
	font-weight: 700;
	margin-right: 5px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li ul {
	position: relative;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li ul li a {
	padding: 0 45px;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs > li ul li:first-child:after {
	display: none;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .dropdown li:last-child {
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs li:first-child:after {
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #232020;
	position: absolute;
	top: -16px;
	right: 12px;
	z-index: 10;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .opened > a {
	background-color: #ffffff;
	color: #232020;
	    border-radius: 0;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .opened > a:after {
	color: #0d7abf !important;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs .opened .opened > a {
	background-color: #ffffff;
	color: #0d7abf;
}
#responsive-menu-wrapper .responsive-main-nav .main-nav-tabs li:hover ul {
	-webkit-animation: none !important;
	animation: none !important;
}
/* logo */
.logo_warper {
	overflow:hidden;
	padding-top:29px;
	padding-bottom:29px;
}
.logo {
	display: block;
	text-align:right;
}
.logo img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.logo_text_desc {
	text-align:center;
	height:38px;
	line-height:38px;
	font-size:15px;
	background-color:#232020;
	color:#fff;
}
/* --- dropdown-switcher --------------------- */
.dropdown-switcher .dropdown-menu {
	position: absolute;
	right: -2px;
	left: 0;
	background-color: #0d7abf;
	border: 0;
	padding: 10px;
	width: 257px;
	margin-top: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	top: 99%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	float: none;
}
.open.dropdown-switcher .dropdown-menu {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
.open.dropdown-switcher > button {
	background-color: #0d7abf !important;
}
/* --- Search --------------------- */
.search_warper {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	direction: rtl;
}
.search-form {
	position: relative;
}
.search-form .search-bar, .search-form input[type="search"] {
	border: 1px solid #e8e8e9;
	background-color: #f8f8f8;
	color: #888888;
	margin-bottom: 0;
	padding-right: 35px;
	font-size: 13px;
	border-radius: 0;
	width: 100%;
	float: none;
}
.search-form input[type="submit"] {
	padding: 7px 20px;
	background-color: #ffca01;
	border-radius: 6px;
	font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial;
	margin-right: 4px;
	display: inline-block;
}
.search-form .search-bar:hover, .search-form input[type="search"]:hover {
	color: #232020;
}
.search-form button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent !important;
	border: none;
	width: 35px !important;
	height: 35px !important;
	text-align: center;
	line-height: 35px !important;
	margin-bottom: 0;
	color: #333333 !important;
}
/* breaking-news */
.breaking-news {
	padding: 8px 0;
	background-color: #0d7abf;
}
.breaking-news .breaking-label {
	background-color: #21a95c;
	color: #ffffff;
	width: 100px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	display: block;
}
.breaking-news .news-slider-wrapper {
	padding-left: 110px;
}
.breaking-news .news-slider {
	line-height: 30px;
	height: 30px;
	width: auto;
	overflow: hidden;
}
.breaking-news .news-slider .post {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 0;
	line-height: 30px;
	color: #ffffff;
}
.breaking-news .news-slider .post a {
	color: #ffffff;
}
.breaking-news .news-slider .post a:hover {
	text-decoration: underline !important;
}
.breaking-news .news-slider .post i {
	margin-right: 5px;
}
.breaking-news .news-slider {
	width: 100%;
}
.breaking-news .js-marquee {
	float: left;
}
/* --- main_items Styles --------------------- */
.main_items {
	overflow:hidden;
	padding:40px 30px;
	background-color:#fff;
	margin:30px 0;
}
.latest_news {
	min-height:40px;
}
h2.main_title {
	color: #242424;
	text-align: right;
	height: 60px;
	line-height:60px;
	overflow: hidden;
	font-size: 18px;
	font-weight:bold;
	margin:0px;
	margin-bottom: 15px;
}
h2.main_title i { color:#242424;}
h2.main_title_vid i { color:#d72c34;}
.content_news {
	overflow:hidden;
	}
.items_section {
    padding: 20px;
    background-color: #fff;
}
.items_section + .items_section  { margin-top:25px;}
.thumb1_img a{ display:block;}
.thumb1_img a img {
    height: 180px;
    border-radius: 0;
    width: 100%;
}
.other_details {
	overflow:hidden;
	}
.meta_data { overflow:hidden; margin-bottom:15px;}
.meta_data ul {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
	}
.meta_data ul li {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding: 0 15px;
    background-color: #f7f7f8;
    border-radius: 20px;
    font-size: 12px;
    color: #a0a0a0;
}
.meta_data ul li + li{ margin-right:10px;}	
.other_details h3 {
    color: #1e2935;
    text-align: right;
    max-height: 52px;
	line-height:26px;
    overflow: hidden;
    font-size: 20px;
	font-weight:lighter;
	margin:0px;
    margin-bottom: 20px;
}
.other_details h3 a {
	 color: #242424;
	 }
.other_details h3 a:hover {color: #1d4898;}
.other_details .paragraph {
    color: #a0a0a0;
    text-align: right;
    font-size: 13px;
    line-height: 21px;
    overflow: hidden;
    height: 63px;
	margin-bottom:20px;
}
.more_details {
    display: inline-block;
	color: #fff;
    background-color: #1d4898;
    padding: 10px 20px;
    text-align: center;
    font-size: 13px;
    border: none;
    margin: 0;
    border: none;
    font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
}
.more_details:hover {
	color:#fff;
	background:#005387;}
.more_cats {
    display: inline-block;
    color: #1a2026;
    height: 55px;
    line-height: 55px;
    font-size: 15px;
    padding: 0 30px;
    border: 1px solid #1a2026;}
.more_cats:hover {
	color:#fff;
	background:#1a2026;
	}
ul.counseling {
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
	}
ul.counseling li {
	margin-bottom:30px;
	overflow:hidden;
	background:#f6f6f6;}	
ul.counseling li div.thumb {
	display:block;
	position:relative;
	height:220px;
	overflow:hidden;
	}
ul.counseling li div.thumb .post-data {
	position:absolute;
	top:100%;
	left:0px;
	right:0px;
	height:220px;
	padding:45px 65px;
    overflow: hidden;
    transition: all 300ms;
	background:rgba(246,246,246,.90);
	}
ul.counseling li div.thumb .post-data .paragraph {
    color: #242424;
    text-align: justify;
    font-size: 13px;
    line-height: 21px;
    overflow: hidden;
    height: 105px;
	margin-bottom:10px;
}
ul.counseling li div.thumb .post-data .more {
	font-weight:bold;
	font-size:14px;
	color:#242424;
	display:block;
	text-align:left;
	direction:rtl;
	height:20px;
	line-height:20px;
	}
ul.counseling li div.thumb .post-data .more:hover { color:#000;}
ul.counseling li:hover div.thumb .post-data {
	top:0px;
	}
ul.counseling li div.thumb img {
	height:220px;
	width:100%;
	}
ul.counseling li h3 {
    height: 63px;
    line-height: 63px;
    background: #f6f6f6;
    padding: 0 10px;
    overflow: hidden;
    color: #242424;
    text-align: center;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
}
ul.counseling li h3 a {
	display:block;
	overflow:hidden;
	color: #242424;
	height:63px;
	line-height:63px;}
#videos.carousel-dots .owl-controls .owl-dots {
	margin-top:20px;
	}
#videos.owl-carousel .owl-controls .owl-dots .owl-dot {
	background-color:#a0a0a0;
	border:3px solid #a0a0a0;
	}
#videos.owl-carousel .owl-controls .owl-dots .owl-dot.active , #videos.owl-carousel .owl-controls .owl-dots .owl-dot:hover {
	background-color:#4cca81;
	border:3px solid #4cca81;	
	}

/* --- section_2 --------------------- */
.section_2 {
	margin-top:40px;
	overflow:hidden;
	}
#clients {position: relative;}
#clients .owl-carousel .owl-controls {
    position: absolute;
    top: -66px;
    height: 40px;
    left: 0;
    right: auto;
    width: 68px;
	direction: ltr;
}
#clients div.tit {background: url(../images/works.jpg) repeat-x 95% 14px;
	height:50px;
	line-height:50px;
	margin-bottom: 30px;
	margin-left:100px;}
#clients h3.main_title {
    color: #373737;
    margin: 0px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    background-color: #fff;
    padding-left: 35px;
    float: right;
    height: 50px;
    line-height: 50px;
	overflow:hidden;
}
#clients h3.main_title span {
	color:#1d4898;
    font-size: 20px;
    font-weight: lighter;
}
#clients .carousel-dots .owl-controls .owl-nav {
    display: block !important;
}
#clients .owl-carousel .owl-controls .owl-nav div {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    margin-top: 0;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    background: rgba(102,102,102,.90);
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position: relative;
    opacity: 1;
}
#clients .owl-carousel .owl-controls .owl-nav .owl-next:before {
    content: "\f061";
    font-family: 'FontAwesome';
	}
#clients .owl-carousel .owl-controls .owl-nav .owl-prev:before {
    content: "\f060";
    font-family: 'FontAwesome';
}
#clients .owl-carousel .owl-controls .owl-nav div:hover {
	    background: rgba(147,147,147,.90);
		color:#fff;
		}
.client {
    padding: 0px 0 10px 0;
    background: #f6f6f6;
}
.client a {
	text-align: center;
	display: block;
	position: relative;
	vertical-align: middle;
}
.client a img {
	height:220px;
	display: block;
	vertical-align: middle;
	width: 100%;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.client:hover a img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 10+, Firefox on Android */
  filter: gray;/* IE6-9 */
}
.client h3 {
    color: #373737;
    text-align: center;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 13px;
    font-weight: lighter;
    margin: 0px;
    margin-top: 0;
	margin-bottom:5px;
}
.client h3 a {
	display:block;
    color: #373737;
    height: 35px;
    line-height: 35px;}
.client:hover h3 a { color:#000;}
.client .paragraph {
    color: #806049;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    height: 20px;
}
/*=============================================================================

  5- Pages Sliders

  =============================================================================*/
/* --- Slider Styles --------------------- */
.section_slider {
	overflow:hidden;
	}
.main-slider {
	position:relative;
}
#to_content a {
	width: 25px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 30px;
	border: 1px solid #fff;
	border-radius: 10px;
	color:#fff;
	overflow:hidden;
}
.slider .slide {
	overflow: hidden;
	height:400px;
}
.slider .slide img {
	display: block;
	width: 100%;
	height:400px;
}
.slider .slide .captions {
	position: absolute;
	top:0px;
	bottom: 0;
	right: 0;
	text-align: center;
	left: 0;
	margin: 0;
	background-color: rgba(50, 50, 50, 0.7);
	padding: 15% 10px 0;
	opacity: 1;
	visibility: visible;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	border-radius: 0;
}
.slider .slide .captions p {
	color: #ffffff;
	margin-bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.slider .slide .captions p span {
	display:block;
}
.slider .slide .captions p span.span1 {
	font-size: 23px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	color:#c2b066;
}
.slider .slide .captions p span.span2 {
	font-size: 19px;
	line-height: 55px;
	font-weight: lighter;
	margin: 0;/* margin-bottom: 30px; */
}
.slider .slide .captions p span.span3 {
	font-size:19px;
}
.slider .slide .captions p span.span3 a {
	background-color: #c42846;
	color: #fff;
	height: 55px;
	line-height: 55px;
	text-align: center;
	padding: 0 50px;
	font-size: 14px;
	display: inline-block;
	border-right: 5px solid #920f28;
	border-bottom: 5px solid #920f28;
}
.slider .slide .captions p span.span3 a:hover {
	background-color: #920f28;
}
.slider .owl-controls {
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
.slider .owl-controls .owl-nav {
	position:absolute;
	right:20px;
	width:80px;
	left:auto;
	}
.slider .owl-controls .owl-dots {
    display: block;
    text-align: left;
    padding-left: 20px;
	padding-top:5px;
}
.slider .owl-controls .owl-nav .owl-prev {
	float: left;
    margin-left: 0;
    border-radius: 0;
    font-size: 17px;
    height: 34px;
    line-height: 34px;
    width: 34px;
    background-color: rgba(50, 50, 50, 0.9);
	margin:0px;
}
.slider .owl-controls .owl-nav .owl-next {
    float: right;
    margin-right: 0;
    border-radius: 0;
    font-size: 17px;
    height: 34px;
    line-height: 34px;
    width: 34px;
    background-color: rgba(50, 50, 50, 0.9);
	margin:0px;
}
.slider .owl-item.active .captions {
}
.slider .owl-item.active .captions p {
	opacity: 1;
	visibility: visible;
}
.slider .owl-item.active .captions p {
	-webkit-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	animation-name: fadeInRight;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	animation-delay: 2s;
}
/* owl carousel */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}
.owl-carousel #progress-bar {
	width: 100%;
	background: #d1d1d3;
}
.owl-carousel #progress-bar #bar {
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #0d7abf;
}
.owl-carousel .owl-stage {
	-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	text-align: center;
}
.owl-carousel .owl-controls .owl-nav div {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	line-height: 26px;
	text-align: center;
	background-color: transparent;
	display: inline-block;
	font-size: 23px;
	color: #ffffff;
	margin: 0 24px;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	opacity: 0.7;
}
.owl-carousel .owl-controls .owl-nav div:hover {
	opacity: 1;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:before {
	content: '\f104';
	font-family: 'FontAwesome';
}
.owl-carousel .owl-controls .owl-nav .owl-next:before {
	content: '\f105';
	font-family: 'FontAwesome';
}
.owl-carousel .owl-controls .owl-dots {
	width: 100%;
}
.owl-carousel .owl-controls .owl-dots .owl-dot {
	background-color: #908e8e;
	width: 12px;
	height: 12px;
	margin-right: 5px !important;
	margin-left: 5px !important;
	margin-bottom: 0px !important;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.owl-carousel .owl-controls .owl-dots .owl-dot:hover {
	background:#fff;
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active {
	background:#fff;
}
.owl-carousel .owl-refresh .owl-item {
	display: none;
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel img {
	transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
/* No Js */
.no-js .owl-carousel {
	display: block;
}
/* mouse grab icon */
.grabbing {
	cursor: url('../images/grabbing.png') 8 8, move;
}
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-height {
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/* CSS3 Transitions */
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut 1.5s both ease-in-out;
	-moz-animation: fadeOut 1.5s both ease-in-out;
	animation: fadeOut 1.5s both ease-in-out;
}
.owl-fade-in {
 -webkit-animation: fadeIn .7s both ease;
 -moz-animation: fadeIn .7s both ease;
 animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
 -webkit-animation: scaleToFade .7s ease both;
 -moz-animation: scaleToFade .7s ease both;
 animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
 -webkit-animation: goDown .6s ease both;
 -moz-animation: goDown .6s ease both;
 animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom 1.5s ease both;
	-moz-animation: scaleUpFrom 1.5s ease both;
	animation: scaleUpFrom 1.5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo 1.5s ease both;
	-moz-animation: scaleUpTo 1.5s ease both;
	animation: scaleUpTo 1.5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
 opacity: 1;
}
}
@-moz-keyframes empty {
 0% {
 opacity: 1;
}
}
@keyframes empty {
 0% {
 opacity: 1;
}
}
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-moz-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
 25% {
 opacity: .5;
 transform: translateZ(-500px);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
 100% {
 opacity: .5;
 transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 -webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -webkit-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 -moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 -moz-transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 -moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
 0%, 25% {
 opacity: .5;
 transform: translateZ(-500px) translateX(200%);
}
 75% {
 opacity: .5;
 transform: translateZ(-500px);
}
 100% {
 opacity: 1;
 transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
 to {
 opacity: 0;
 -webkit-transform: scale(0.8);
}
}
@-moz-keyframes scaleToFade {
 to {
 opacity: 0;
 -moz-transform: scale(0.8);
}
}
@keyframes scaleToFade {
 to {
 opacity: 0;
 transform: scale(0.8);
}
}
@-webkit-keyframes goDown {
 from {
 -webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
 from {
 -moz-transform: translateY(-100%);
}
}
@keyframes goDown {
 from {
 transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
 from {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
 from {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
 from {
 opacity: 0;
 transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
 to {
 opacity: 0;
 -webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
 to {
 opacity: 0;
 -moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
 to {
 opacity: 0;
 transform: scale(1.5);
}
}
/* custom slider */
.custom-slider .slide {
	position: relative;
	height: 240px;
}
.custom-slider .slide img {
	width: 100%;
	display: block;
}
.custom-slider .slide .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}
.custom-slider .slide .captions {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 100;
	padding: 15px;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.custom-slider .slide .captions h5 {
	color: #ffffff;
	display: inline-block;
	margin-bottom: 0;
	opacity: 0;
	visibility: hidden;
}
.custom-slider .slide .captions h5 a {
	color: #ffffff;
}
.custom-slider .slide .captions h5 a:hover {
	color: #0d7abf;
}
.custom-slider .owl-item.active .captions h5 {
	opacity: 1;
	visibility: visible;
}
.custom-slider .owl-item.active .captions h5 {
	-webkit-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}
.custom-slider .owl-controls {
	top: 0 !important;
	width: 100%;
}
.custom-slider .owl-controls .owl-dots {
	display: none !important;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: auto;
}
.custom-slider .owl-controls .owl-nav {
	position: absolute;
	top: 0;
	right: 0;
}
.custom-slider .owl-controls .owl-nav div {
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
	background-color: transparent;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-left: 0;
	font-size: 15px;
	margin-top: 5px;
}
.custom-slider .owl-controls .owl-nav div:hover {
	opacity: 0.8;
}
.carousel-nav .owl-controls .owl-dots {
	display: none !important;
}
.carousel-nav .owl-controls .owl-nav {
	display: block !important;
}
.carousel-nav .owl-controls .owl-nav div {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-color: #333333;
	display: inline-block;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
	-ms-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font-size: 14px;
	color: #ffffff;
	margin: 0 5px;
	float: none !important;
}
.carousel-nav .owl-controls .owl-nav div:hover {
	background-color: #0d7abf;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #0d7abf), color-stop(100% #f85d3a));
	background-image: -webkit-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -moz-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -ms-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: -o-linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	background-image: linear-gradient(top, #0d7abf 70%, #f85d3a 100%);
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	color: #ffffff;
}
.carousel-dots .owl-controls .owl-dots {
	margin-top: 50px;
	display: block !important;
}
.carousel-dots .owl-controls .owl-nav {
	display: none !important;
}
.carousel-projects .owl-controls .owl-nav {
	display: none !important;
}
.main_about {
	padding:43px 0 49px;
	}
.main_about h3 {
    color: #242424;
    text-align: right;
    max-height: 52px;
    line-height: 26px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 30px;
    padding-left: 30px;
}
.main_about h3 a {
	color: #242424;
	}
.main_about .paragraph {
    color: #7b7b7b;
    text-align: right;
    font-size: 13px;
    line-height: 23px;
    overflow: hidden;
    height: 163px;
    margin-bottom: 30px;
}
.main_about .more_details {
    display: inline-block;
    color: #565656;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    padding: 0 25px;
    border: 1px solid #505050;
	border-radius:0px;
	background: transparent
}
.main_about .more_details:hover {
	background-color:#565656;
	color:#fff;
	}
/*=============================================================================

  6- Services Styles

  =============================================================================*/
.service {
	margin-top: 30px;
	float: left;
}
.service .service-icon {
	width: 62px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	color: #ffffff;
	background-color: #0d7abf;
	margin: 0 auto 30px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	font-size: 32px;
	display: block;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
	position: relative;
	float: left;
}
.service .service-icon i {
	line-height: 62px;
	display: block;
}
.service .service-contents {
	padding-left: 80px;
}
.service .service-title {
	line-height: 1;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 0 !important;
}
.service .service-title a {
	color: #333333;
}
.service .service-description {
	color: #8f9193;
}
.service .service-description a {
	color: #21a95c;
	font-size: 11px;
	display: inline-block;
	margin-left: 5px;
	line-height: 24px;
}
.service .service-description a:hover {
	color: #0d7abf;
}
.services-wrapper {
	margin-top: -30px;
}
/* hover state */
.service:hover .service-icon {
	background-color: #21a95c;
}
.service:hover .service-icon i {
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;
	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;
	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
}
.service:hover .service-title a {
	color: #21a95c;
}
/*=============================================================================

  7- boxes Styles

  =============================================================================*/
.box .box-title {
	color: #0d7abf;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}
/* voting */
.voting-form .question {
	color: #fff;
	font-weight:lighter;
	margin:0px;
	background: url(../images/li.png) no-repeat right center;
	padding: 0 13px 0 0;
	font-size: 13px;
	margin-bottom: 20px;
}
.voting-form .vote {
	margin-bottom: 12px;
}
.voting-form .vote:last-child {
	margin-bottom: 0;
}
.voting-form .submit {
	margin-top: -30px;
}
.voting-form .submit .general-link {
	margin-left: 20px;
	background-color: #f3c000;
	border-radius: 5px;
}
.voting-form .submit .general-link:hover {
	background-color: #423e3e;
	color:#fff;
}
/*=============================================================================

  8- footer Styles

  =============================================================================*/
footer {
	overflow:hidden;
}
footer h3 {
    margin: 0;
    margin-bottom: 25px;
    height: 40px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    /* border-bottom: 1px solid; */
}
footer h3:before {
}
.footer_top {
	background-color:#303030;
	padding:30px 15px 30px 0;
}
.links {
	overflow: hidden;
}
.links ul {
}
.links ul li {
	margin-left:0;
	background-color:#2b2b2b;
	padding:0 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.links ul li:hover {
	background-color:#262626;
	}
.links ul li + li {
	margin-top:2px;
}
.links ul li a {
	color: #b5b5b5;
	display: block;
	font-weight: lighter;
	font-size: 13px;
	line-height: 45px;
	height:45px;
	overflow:hidden;
}
.links ul li a:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f104";
	margin-left: 10px;
	margin-right: 0;
	color:#b5b5b5;
}
.links ul li a:hover {
	color: #fff;
	padding: 0px 3px 0px 0px;
}

.subsc {
	font-family:Tahoma, Geneva, sans-serif;
	overflow:hidden;
}
.subsc p {
    margin:0;
    padding: 0px;
    font-weight: lighter;
    font-size: 14px;
    color: #b6b6b6;
}
.subsc input[type="text"], .subsc input[type="email"] , .subsc textarea {
    background: #262626;
    border: none;
    color: #fff !important;
    /* border: none; */
    width: 100%;
    /* padding: 1em; */
    padding: 15px 25px;
    font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 13px;
    /* box-shadow: 0 0 24px 8px #cacbcb inset; */
    -o-box-shadow: 0 0 24px 8px #cacbcb inset;
    /* -webkit-box-shadow: 0 0 24px 8px #cacbcb inset; */
    -moz-box-shadow: 0 0 24px 8px #cacbcb inset;
	text-align:right;
	direction:rtl;
}
.subsc textarea{
	height:100px !important;
	min-height: 100px;
}
.subsc input[type="text"]:focus , .subsc input[type="email"]:focus , .subsc textarea:focus {
	outline:none;
	color: #fff !important;
}
.subsc input[type="submit"] {
    font-weight: lighter;
    color: #fff;
    background-color: #1d4898;
    padding: 10px 50px;
    text-align: center;
    font-size: 13px;
    border: none;
    margin: 0;
    border: none;
    border: none;
    font-family: 'Droid Arabic Kufi', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    float: left;
    margin-left: 9%;
    margin-top: 10px;
    border-radius: 0;
}
.subsc input[type="submit"]:hover {
	background: #005387;
	color:#fff;

}
.footer_logo_wraper {
	overflow:hidden;
}
.footer_logo_wraper .social-media {
    text-align: right;
    overflow: hidden;
    height: 40px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
    direction: ltr;
}
.footer_logo_wraper .social-media li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	overflow: hidden;
	padding: 0;
	text-align:center;
}
.footer_logo_wraper .social-media li a i {
	font-size: 16px;
}
.footer_logo_wraper .social-media li a.facebook {
	background-color:#0473c0;
}
.footer_logo_wraper .social-media li a.twitter {
	background-color:#09abd9;
}
.footer_logo_wraper .social-media li a.gplus {
	background-color:#e1584b;
}
.footer_logo_wraper .social-media li a.instagram {
	background-color:#99694b;
}
.footer_logo_wraper .social-media li a.youtube {
	background-color:#c33c2d;
}
.footer_bottom {
    color: #cfcfcf;
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #12171d;
}
.footer_bottom span { color:#a4a4a4;}
.footer_bottom a { color:#1d4898;}
.footer_bottom .copyright {
    text-align: left;
    direction: rtl;
}
.footer_bottom .copyright > div {
    height: 27px;
    line-height: 27px;
    background-color: #202020;
    text-align: center;
    margin-right: 30%;
    border-radius: 20px;
    color: #a4a4a4;
}
.footer_bottom .copyright > div a { color:#fff;}
.copy_site {}
/* contacts-list */
.contacts-list li {
	font-size: 14px;
	color: #8f9193;
	font-family: 'Lato', sans-serif;
	margin-bottom: 10px;
}
.contacts-list li i {
	font-size: 14px;
	margin-right: 10px;
	color: #0d7abf;
}
.contacts-list li a {
	color: #404041;
	display: inline-block;
}
.contacts-list li a:hover {
	color: #0d7abf;
}
.contacts-list li:last-child {
	margin-bottom: 0;
}
/* follow-widget */
.follow-widget p {
	margin-bottom: 10px;
}
.follow-widget p a {
	color: #21a95c;
	font-weight: 900;
}
.follow-widget p a:hover {
	color: #0d7abf;
}
/* subscribtion-form */
.subscribtion-form ul .btn-wrapper {
	float: right;
	width: 98px;
}
.subscribtion-form ul .btn-wrapper button {
	width: 100%;
}
.subscribtion-form ul .input-wrapper {
	width: 185px;
	float: left;
}
.subscribtion-form ul .input-wrapper input {
	width: 100%;
}
/*=============================================================================

  9- pages Styles

  =============================================================================*/
/* page-info */
.other_details .paragraph_about {
    color: #969696;
    text-align: right;
    font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    font-family: Tahoma, Geneva, sans-serif;
    height: 170px;
}
.other_details .paragraph_single {
    color: #969696;
    text-align: right;
    font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    font-family: Tahoma, Geneva, sans-serif;
    height: auto;
}
.border-divider {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
}
.client_gallery {
	margin-bottom:30px;}
/* about */
/* contact us*/
.c_page {
	padding: 1px 0 40px;
}
.contact {
	overflow:hidden;
	margin-bottom:0;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select {
	padding: 0 12px;
	outline: none;
	color: #828282;
	margin: 0;
	margin-bottom: 11px;
	max-width: 100%;
	width: 100%;
	border: 1px solid #e0e5ed;
	background-color: #f2f2f2;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
	transition: 200ms;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-khtml-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-weight: 500;
	height: 44px;
	font-size:13px;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	min-height: 264px;
	position: relative;
	resize: none;
}
.form-item textarea {
	padding-top: 9px;
	padding-bottom: 9px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus {
	border-color: #30404f !important;
	color: #30404f !important;
}
/* Alerts */
.alert {
	padding: 0;
}
.alert .alert-icon {
	float: left;
	border: 2px solid #0d7abf;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	padding: 3px;
}
.alert .alert-icon i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	color: #ffffff;
	background-color: #0d7abf;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.alert .alert-contents {
	padding-left: 70px;
}
.alert .alert-contents .alert-title {
	font-family: 'Open Sans', 'Helvetica', 'Tahoma', 'Arial', sans-serif;
	line-height: 1;
	font-weight: 700;
}
.alert .alert-contents p {
	padding-right: 0;
}
.fa-hand-scissors-o:before {
    content: "\f257";
}
.widget_in {
	padding:20px;
	background:rgba(246,246,246,.90);}
.widget_in ul {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:13px;
	color: #fff;
	text-align: right;
}
.widget_in ul li {
}
.widget_in ul li+ li {
	margin-top:7px;}
.widget_in ul li a {
	height:30px;
	line-height:30px;
	color:#242424;
	overflow:hidden;
	display:block;
}
.widget_in ul li a:hover {
	padding-right:2px;
	color:#1d4898;
}
#qtranslate-chooser{}
#qtranslate-chooser li.lang-ar{
	display:none;
}
#qtranslate-chooser li.lang-en{
	display:block;
}
#qtranslate-chooser li a{
	position:relative;
	display: block;
    font-size: 11px;
    text-decoration: none !important;
    color: #fff;
	height:40px;
    line-height: 40px;
	text-align:right;
	padding: 0 10px;
}
#qtranslate-chooser li a:before {
    content: "\f1ab";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 10px;
    margin-right: 0;
}
.widget_in.extraimg ul{
	overflow:hidden;
	text-align:center;}
.widget_in.extraimg ul li {
    display: inline-block;
    margin-bottom: 13px;
}
.widget_in.extraimg ul li a {
    height: 150px;
    width: 180px;
}
.widget_in.extraimg ul li a img{}
.mapframe{
	overflow:hidden;
	margin:0 0 20px;}
.mapframe iframe{
	width:100%;
	height:350px;
}
.logo2030 {
    text-align: center;
    overflow: hidden;
    max-height: 100px;
}
.language , .secret_but{
    margin-top: 4.5px;
}