html, body {
    height: 100%;
    min-height: 100%;
}
body {
    color: #666;
    font-family: 'source_sans_proregular';
    font-size: 15px !important;
    margin: 0;
    outline: medium none;
    overflow-x: hidden;
    padding: 0;
    position: relative;
	line-height:24px
}
img{
	max-width:100%;
}
#main {
    float: left;
    height: 100%;
    margin: 0;
    min-height: 100%;
    padding: 0;
    width: 100%;
}
#main .container {
    box-sizing: border-box;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 1100px;
}
@media only screen and (max-width: 1024px) {
#main .container {
    width: 100%;
}
}
#main .container .wrapper {
    box-sizing: border-box;
    float: left;
    height: auto;
    width: 100%;
}
@media only screen and (max-width: 1280px) {
#main .container .wrapper {
    padding: 0 3%;
}
}
#main .container-fluid {
    box-sizing: border-box;
    height: auto;
    margin: 0;
    position: relative;
    width: 100%;
}
#main .container-fluid .wrapper {
    box-sizing: border-box;
    float: left;
    height: auto;
    padding: 0 30px;
    width: 100%;
}
@media only screen and (max-width: 1280px) {
#main .container-fluid .wrapper {
    padding: 0 3%;
}
}
.fluid-strips {
    float: left;
    height: auto;
    padding: 50px 0;
    width: 1100px;
}
html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    border: 0 none;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    vertical-align: baseline;
}
input[type="text"], input[type="email"], textarea, input[type="submit"], select {
    margin: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
nav ul {
    list-style: outside none none;
}
a img {
    border: 0 none;
}
:focus {
    outline: medium none;
}
html, body {
    font-size: 100.01%;
}
body {
    color: #484d4f;
}
h1, h2, h3, h4, h5, h6 {
    color: #3c4143;
    font-weight: 400;
	margin:0 0 18px;
}
h2{
	font-size:26px;
}
h4{
    font-size: 22px;
}
h5{
	font-size:18px;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}
p {
    margin:0;
	padding:0 0 15px
}
p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
    color: #000;
}
a {
    color: #00c3f4;
    text-decoration: none;
}
blockquote {
    color: #666;
    font-style: italic;
    margin: 1.5em;
}
strong {
    font-weight: 700;
}
em, dfn {
    font-style: italic;
}
dfn {
    font-weight: 700;
}
sup, sub {
    line-height: 0;
}
abbr, acronym {
    border-bottom: 1px dotted #555;
}
address {
    font-style: italic;
    margin: 0 0 1.5em;
}
del {
    color: #666;
}
pre {
    margin: 1.5em 0;
    white-space: pre;
}
pre, code, tt {
    font: 1em/1.5 "andale mono","lucida console",monospace;
}
ol, ul {
	margin:0 0 18px;
	padding:0}
ol {
	list-style-position:inside;}
ul li {
	list-style:inside url(../images/arrow_list.png);
	line-height:24px;
}
dl {
    margin: 0 0 1.5em;
}
dl dt {
    font-weight: 700;
}
dd {
    margin-left: 1.5em;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
nav ul, header ul {
    list-style-type: none;
}
:-moz-placeholder {
    color: #000;
    opacity: 1;
}
*::-moz-placeholder {
    color: #000;
    opacity: 1;
}
.form-field {
    box-sizing: border-box;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.form-field.half-width {
    margin: 0 2% 0 0;
    width: 49%;
}
.form-field.half-width.last {
    margin-right: 0;
}
.fc_outer .captchablock{
	clear:both;
}
@media only screen and (max-width: 480px) {
.form-field.half-width {
    padding: 0;
    width: 100%;
}
}
@media only screen and (max-width: 480px) {
.form-field {
    padding: 0;
}
}.text-fields, .text-fields-full, .text-fields-200 {
    background-color: #fff;
    border: 0 none;
    box-sizing: border-box;
    color: #000;
    font-family: Segoe UI,sans-serif;
    font-size: 12px;
    padding: 10px 20px;
    resize: none;
    transition: all 0.3s ease-in-out 0s;
    width: 400px;
}
@media only screen and (max-width: 640px) {
.text-fields, .text-fields-full, .text-fields-200 {
    box-sizing: border-box;
    width: 100%;
}
}
.text-fields-full {
    width: 100%;
}
.text-fields-200 {
    width: 200px;
}
@media only screen and (max-width: 320px) {
.text-fields-200 {
    width: 100%;
}
}
select.text-fields-full {
    padding: 11px 15px;
}
.active-field {
    box-shadow: 0 0 3px #ea212a;
    color: #444;
}
.button, .full-width-button, .primary-button, .secondary-button {
    border: medium none;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-block;
    font-family: 'source_sans_prosemibold';
    font-size: 14px;
    margin: 0 auto;
    outline: medium none;
    padding: 14px 26px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}
.button:focus, .full-width-button:focus, .primary-button:focus, .secondary-button:focus {
    outline: medium none;
}
.button.btn-sm, .btn-sm.full-width-button, .btn-sm.primary-button, .btn-sm.secondary-button {
    font-size: 13px;
    line-height: 16px;
}
.secondary-button {
    background-color: #6eb81f;
    color: #fff;
}
.secondary-button:hover, .secondary-button:focus {
    background-color: #07903e;
    color: #fff;
}
.contact-form .text-fields-full {
    border: 1px solid #ddd;
}
:-moz-placeholder {
    color: #000;
    opacity: 1;
}
*::-moz-placeholder {
    color: #000;
    opacity: 1;
}
#header {
    float: left;
    position: relative;
    width: 100%;
}
@media only screen and (max-width: 768px) {
#header {
    border-bottom: 4px solid #282460;
}
}
#header .col1 {
    float: left;
    padding:15px 0;
    width: 30%;
}
@media only screen and (max-width: 640px) {
#header .col1 {
    box-sizing: border-box;
    padding: 20px 15px 0;
    text-align: center;
    width: 100%;
}
}
#header .col1 figure {
    margin: 0;
    padding: 0;
}
#header .col1 figure img {
    max-width: 100%;
}
#header .col2 {
    float: left;
    padding:25px 0 0;
    width: 70%;
}
@media only screen and (max-width: 640px) {
#header .col2 {
    width: 100%;
}
}
#header .col2 .header-contact {
    float: right;
    font-family: Segoe UI,sans-serif;
    max-width: 440px;
}
@media only screen and (max-width: 640px) {
#header .col2 .header-contact {
    float: none;
}
}
#header .col2 .header-contact label {
    color: #111;
    display: block;
    font-size: 13px;
    font-family: 'source_sans_proregular';
}
#header .col2 .header-contact .email {
    float: left;
    font-size: 16px;
    padding-left: 25px;
    position: relative;
    font-family: 'source_sans_proregular';
}
@media only screen and (max-width: 480px) {
#header .col2 .header-contact .email {
    padding: 0;
    text-align: center;
    width: 100%;
    float: none;
}
}
#header .col2 .header-contact .email a {
    color: #00a4ef;
}
#header .col2 .header-contact .email::before {
    bottom: 0;
    color: #00a4ef;
    content:"\f0e0";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    left: 0;
}
@media only screen and (max-width: 480px) {
#header .col2 .header-contact .email::before {
    display: none;
}
}
#header .col2 .header-contact .phone {
    color: #7eb207;
    float: left;
    font-size: 16px;
    margin-right: 30px;
    padding-left: 20px;
    position: relative;
    font-family: 'source_sans_prosemibold';
}
@media only screen and (max-width: 480px) {
#header .col2 .header-contact .phone {
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    width: 100%;
}
}
#header .col2 .header-contact .phone::before {
    bottom: 0;
    color: #7eb207;
    content:"\f095";
    font-family: "FontAwesome";
    font-size:18px;
    position: absolute;
    left: 0;
}
@media only screen and (max-width: 480px) {
#header .col2 .header-contact .phone::before {
    display: none;
}
}
#desktop-menu {
    background-color: #3d4144;
    float: left;
    width: 100%;
}
@media only screen and (max-width: 768px) {
#desktop-menu ul{
    display: none;
}
}
#desktop-menu ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding:0;
}
#desktop-menu ul li {
    color: #fff;
    float: left;
    font-family: 'source_sans_proregular';
    font-size: 19px;
    position: relative;
	list-style:none;
}
#desktop-menu ul li.active a,#desktop-menu ul li a:hover  {
    color: #fff;
	background:#00c3f4;
}
#desktop-menu ul li a {
    color: #fff;
    display: block;
    padding: 12px 25px;
    transition: all 0.3s ease-in 0s;
}
#desktop-menu ul li ul {
    background-color: #282460;
    display: none;
    min-width: 180px;
    position: absolute;
    top: 24px;
    z-index: 99;
}
#desktop-menu ul li.deeper:hover ul {
	display:block;
}
#desktop-menu ul li ul li {
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}
#desktop-menu ul li ul li a {
    transition: all 0.3s ease-in 0s;
}
#desktop-menu ul li ul li:first-of-type a {
  padding-left: 20px;
}
.mobile-menu {
    background-color: #6eb81f;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-size: 20px;
    padding: 3px 12px;
    position: absolute;
    right: 10px;
    top: 20px;
    transition: all 0.3s ease-in 0s;
}
.mobile-menu:hover {
    background-color: #07903e;
    color: #fff;
}
@media only screen and (max-width: 768px) {
.mobile-menu {
    display: block;
}
}
@media only screen and (max-width: 640px) {
.mobile-menu {
    top: 120px;
}
}
.mobile-menu i {
    margin-top: 4px;
}
.mobile-menu-dropdown {
    background-color: #282460;
    display: none;
    float: left;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mobile-menu-dropdown .mobile-menu-close {
    color: #ee4950;
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.mobile-menu-dropdown ul {
    box-sizing: border-box;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 70px 20px;
    width: 100%;
}
.mobile-menu-dropdown ul li {
    border-bottom: 1px dotted #423d7f;
    color: #fff;
    display: block;
    font-family: Segoe UI,sans-serif;
    font-size: 16px;
    padding: 8px 0;
}
.mobile-menu-dropdown ul li:last-of-type {
    border-bottom: 0 none;
}
.mobile-menu-dropdown ul li a {
    color: #fff;
    transition: all 0.3s ease-in 0s;
}
.mobile-menu-dropdown ul li a:hover {
    color: #ee4950;
}
.mobile-menu-dropdown ul li ul {
    padding: 10px;
}
.mobile-menu-dropdown ul li ul li {
    font-family: Segoe UI,sans-serif;
    font-size: 14px;
}
.social {
    float: right;
    margin-bottom: 15px;
    width: 100%;
}
.social ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 640px) {
.social ul {
    display: table;
    margin: 0 auto;
}
}
.social ul li {
    float: right;
    padding: 0 3px;
}
.social ul li.facebook a {
    color: #1b52ac;
}
.social ul li.facebook a:hover {
    background-color: #1b52ac;
}
.social ul li.twitter a {
    color: #09afe5;
}
.social ul li.twitter a:hover {
    background-color: #09afe5;
}
.social ul li.google a {
    color: #b91d09;
}
.social ul li.google a:hover {
    background-color: #b91d09;
}
.social ul li.youtube a {
    color: #db0f0f;
}
.social ul li.youtube a:hover {
    background-color: #db0f0f;
}
.social ul li.english a {
    background: url("../images/uk-flag.png") center no-repeat;
}
.social ul li.arabic a {
    background: url("../images/saudi-flag.png") center no-repeat;
}
.social ul li a {
    background-color: #f6f6f6;
    border-radius: 50%;
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    transition: all 0.3s ease-in 0s;
    width: 34px;
}
.social ul li a:hover {
    color: #fff;
}
.social li label{
	display:inline-block;
	text-indent:-9999px
}
#home-banner {
  float: left;
  position: relative;
  width: 100%;
	font-family:Segoe UI,sans-serif !important;
}
@media only screen and (max-width: 768px) {
#desktop-menu ul{
	float:none;
	width:100%;
	z-index:9999;
	right:0;
	position:absolute;
	background:#3d4144;
}
#desktop-menu ul li{
	float:none;
	width:100%;
	display:block;
	border:0;
	padding:5px 0;
}
#desktop-menu ul li ul{
	top:0;
	position:relative;
	margin-right:5%;
	width:95%
}
}
#home-objectives{
	padding:30px 0;
	float:left;
	width:100%;
}
#home-objectives section{
	position:relative;
	overflow:hidden;
}
#home-objectives section article,.colorboxes .one_fourth,.consulboxes .one_third,.twoboxes .one_half{
	float:left;
	padding:0 4% 20px 0;
	width:22%;
}
.consulboxes .one_third{
	width:30.6%;
}
.twoboxes .one_half{
	width:48%;
}
#home-objectives section article:last-child,.colorboxes .one_fourth:last-child,.consulboxes .one_third:last-child,.twoboxes .one_half:last-child{
	padding-right:0;
}
#home-objectives article a.more{
	line-height:18px;
	display:inline-block;
	padding:0 5px;
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -ms-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out;
}
#home-objectives article h5{
	margin:10px 0;
}
#home-objectives article p{
	padding:0 0 5px;
}
#home-objectives article a.more:hover{
	background-color:#00a4ef;
	color:#fff;
}
@media only screen and (max-width: 768px) {
#home-objectives section article,.colorboxes .one_fourth,.consulboxes .one_third,.twoboxes .one_half{
	width:auto;
}
}
.colorbox{
	position:relative;
	overflow:hidden;
	padding:20px;
	margin:8px 0 18px;
	z-index:0;
}
.bluebox {background:#00a4ef;}
.greenbox {background:#7fba00}
.yellowbox{background:#ffb900;}
.redbox {background:#f25022;}
.bluebox:before,
.greenbox:before,
.yellowbox:before,
.redbox:before {
	content:"";
	height:1px;
	left:20%;
	position:absolute;
	top:70%;
	width:60%;
	z-index:-1;
}
.bluebox:before {
	background:#00c6f5;
	-webkit-box-shadow:0 0 50px 50px #00c6f5;	
	-moz-box-shadow:0 0 50px 50px #00c6f5;
	box-shadow:0 0 50px 50px #00c6f5;
}
.greenbox:before {
	background:#afd400;
	-webkit-box-shadow:0 0 50px 50px #afd400;	
	-moz-box-shadow:0 0 50px 50px #afd400;
	box-shadow:0 0 50px 50px #afd400;
}
.yellowbox:before {
	background:#ffd300;
	-webkit-box-shadow:0 0 50px 50px #ffd300;	
	-moz-box-shadow:0 0 50px 50px #ffd300;
	box-shadow:0 0 50px 50px #ffd300;
}
.redbox:before {
	background:#f68450;
	-webkit-box-shadow:0 0 50px 50px #f68450;	
	-moz-box-shadow:0 0 50px 50px #f68450;
	box-shadow:0 0 50px 50px #f68450;
}
.colorbox h4:after {
	background-image:url(../images/icon_banner.png);
	background-repeat:no-repeat;
	display:block;
	width:41px;
	height:41px;
	float:right;
	background-position:0 -171px;
	position:absolute;
	top:20%;
	right:15%;
	content:'';
}
.colorbox.greenbox h4:after {background-position:0 -214px;}
.colorbox.yellowbox h4:after {background-position:0 -256px;}
.colorbox.redbox h4:after {background-position:0 -299px;}
.divider{clear:both}
.fullwidth {
	display:block;
	min-width:100%;
	max-width:100%;
}
img.fullwidth {
	image-rendering:optimizeQuality;
	-ms-interpolation-mode:bicubic;
}
.tab {
	margin-bottom:18px;
	overflow:hidden;
	position:relative;
}
.tabs {
	display:table;
	width:100%;
	margin:0;
}
.tabs > li {
	vertical-align:bottom;
	display:table-cell;
	position:relative;
}
.tabs > li:first-child a {margin-left:0;}
.tabs li a {
	border-left:1px solid #ebecec;
	border-top:1px solid #ebecec;
	border-right:1px solid #ebecec;
	text-align:center;
	display:block;
	position:relative;
	margin-left:-1px;
	color:#484d4f;
}
.tabs li a label {
	background:#f9f9f9;
	background:linear-gradient(#ffffff, #f9f9f9);
	background:-moz-linear-gradient(#ffffff, #f9f9f9);
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
	background:-o-linear-gradient(#ffffff, #f9f9f9);
	background:-ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f9f9f9');
	display:block;
	line-height:20px;
	padding:9px 10px;
    -webkit-transition:padding .3s ease-in-out, font-size .3s ease-in-out;
    -moz-transition:padding .3s ease-in-out, font-size .3s ease-in-out;
    -ms-transition:padding .3s ease-in-out, font-size .3s ease-in-out;
    -o-transition:padding .3s ease-in-out, font-size .3s ease-in-out;
    transition:padding .3s ease-in-out, font-size .3s ease-in-out;
	cursor:pointer;
}
.tabs li.current a {
	border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	z-index:1;
	color:#00c3f4;
}
.tabs li.current a label {
	background:#ffffff;
	filter:none;
	font-size:14px;
	padding:12px 10px 13px;
}
.tabs li.current a:before {
	content:'';
	position:absolute;
	left:0;
	bottom:-20px;
	width:100%;
	height:20px;
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, .5);
	box-shadow:0 0 20px rgba(0, 0, 0, .5);
	z-index:-1;
}
.tab .tab_content {
	border:1px solid #ebecec;
	border-top:none;
}
.related_posts_content, 
.tabs_tab, 
.tabs {
	overflow:hidden;
	position:relative;
}
.tabs_tab {
	display:none;
	padding:20px;
}
.alignleft {
    float: left;
    margin: 0 20px 18px 0;
}
.alignright {
    float: right;
    margin: 0 0 18px 20px;
}
@media only screen and (max-width: 768px) {
.tabs > li {
    display: block;
    list-style: outside none none;
}
.tabs > li.current a::before {
    bottom: 0;
    height: 100%;
    left: auto;
    right: -20px;
    width: 20px;
}
.tabs > li.current a {
    margin-left: 0;
}
.tabs > li.current a label {
    padding: 9px 10px;
}
.tabs > li a, .tabs > li:first-child a {
    border: 1px solid #edecec;
    margin: 0 0 -1px 10px;
    transition: margin-left 0.3s ease-in-out 0s;
}
.tabs > li.current:first-child a {
    margin: 0 0 -1px;
}
}
footer {
    background-color: #fff;
    float: left;
    padding:0;
    width: 100%;
}
#copyright {
    background-color: #222222;
    float: left;
    padding: 25px 0;
    text-align: center;
    width: 100%;
}
#copyright h4 {
    color: #fff;
    font-family: 'source_sans_proregular';
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
}
#copyright p {
    color: #fff;
    direction: ltr;
    font-family: 'source_sans_proregular';
    font-size: 13px;
    margin: 0;
	padding:0;
}
#copyright p a {
    color: #fff;
    transition: all 0.3s ease-in 0s;
}
#copyright p a:hover {
    color: #ee4950;
}
#inner-content-area {
    float: left;
    padding:30px 0;
    width: 100%;
}
@media only screen and (max-width: 640px) {
  #inner-content-area {
    padding: 15px 0;
  }
}
