@charset "utf-8";

/*
 *************************************************
 * CSS Style for Focus 360 Arabia                *
 * Author: Saddiem Waheb			             *
 *************************************************
 */
 
/*	
	COLOR PALETTE 
		Violet:
			RGB: 110, 42, 141
			HEX: #6E2A8D
		Lime Green:
			RGB: 193, 216, 47
			HEX: #C1D82F
		Gray:
			HEX: #4D4D4D
		Black:
			RGB: 35, 31, 32
			HEX: #000000
*/
/* Experimental Microsoft's clean and sharp fonts 
@font-face{font-family:'wf_segoe-ui_light';src:url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.eot');src:local("Segoe UI Light"),local("Segoe WP Light"),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.eot?#iefix') format('embedded-opentype'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.woff') format('woff'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.ttf') format('truetype'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.svg#web') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'wf_segoe-ui_normal';src:url('//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot');src:local("Segoe UI"),local("Segoe"),local("Segoe WP"),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot?#iefix') format('embedded-opentype'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.woff') format('woff'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.ttf') format('truetype'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.svg#web') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'wf_segoe-ui_Semibold';src:url('//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.eot');src:local("Segoe UI Semibold"),local("Segoe Semibold"),local("Segoe WP Semibold"),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.eot?#iefix') format('embedded-opentype'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.woff') format('woff'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.ttf') format('truetype'),url('//i.s-microsoft.com/fonts/segoe-ui/west-european/Semibold/latest.svg#web') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'wf_icons_normal';src:url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.eot');src:url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.eot?#iefix') format('embedded-opentype'),url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.woff') format('woff'),url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.ttf') format('truetype'),url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.svg#web') format('svg');font-weight:normal;font-style:normal}

/* so that other div heights work, we set the following */
body, html {
  height: 100%;
  width: 100%;
  font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
  }


/* Declare custom font */
@font-face {
    font-family: 'MyriadPro-Regular';
	src: url('../_fonts/MyriadPro-Regular.otf');
	src: local('MyriadPro-Regular'), url('../_fonts/MyriadPro-Regular.otf') format('opentype');
	}
@font-face {
    font-family: 'MyriadPro-Semibold';
	src: url('../_fonts/MyriadPro-Semibold.otf');
	src: local('MyriadPro-Semibold'), url('../_fonts/MyriadPro-Semibold.otf') format('opentype');
	}
@font-face {
    font-family: 'MyriadPro-Light';
	src: url('../_fonts/MyriadPro-Light.otf');
	src: local('MyriadPro-Light'), url('../_fonts/MyriadPro-Light') format('opentype');
	}
@font-face {
    font-family: 'MyriadPro-Bold';
	src: url('../_fonts/MyriadPro-Bold.otf');
	src: local('MyriadPro-Bold'), url('../_fonts/MyriadPro-Bold') format('opentype');
	}
	
a 								{ color:#0055FF; }
p								{ color:#575756; font-size:16px; line-height:1.5em; margin:0; text-align:justify; font-weight:100;}

h1								{ text-transform:uppercase; font-size:60px; color:#6e2a80; text-align:center; line-height:16px; font-style:normal; font-weight:100; margin:40px auto 10px auto;} /* Page Title Centered in Page */
h6								{ background-color:#CAD400; font-size:24px; padding:8px 14px 5px 14px; line-height:65px; color:#FFF; text-align:center; display:inline; } /* Under Page Title Centered in Page */
#h2								{ background:left bottom no-repeat url(../_images/h2-bg.png); height:62px; }
h2								{ background-color:#6e2a80; color:#FFFFFF; font-size:18px; padding:10px 16px 6px 16px; display:inline-block; }

h4								{ font-size:26px; color:#FFF; font-weight:lighter; line-height:1.4em; } /* Text over the image */
h3								{ background-color:#CAD400; color:#FFF; padding:10px 16px 6px 16px; display:inline-block; vertical-align:middle; line-height:1em; font-size:20px;}

.h3 							{ background:left bottom no-repeat url(../_images/h3-bg.png); height:55px; }

body 							{ margin:0px; padding:0px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; /*letter-spacing:0.015em;*/ 
									font-family:"MyriadPro-Regular", "Myriad Pro Cond", "Myriad Arabic", "Myriad Hebrew", "Myriad Pro Light"; font-weight:lighter; }
img								{ border:none; }

#header							{ height:120px; width:100%; z-index:1000; background-color:#; padding:10px 0px 0px 0px; }
#header-logo					{ float:left; padding:0; margin:2px 0px 0 0;  }
#nav-bar						{ float:right; padding:75px 0 0 0; /*height:0px;*/ }
#nav-bar ul						{ list-style:none; margin:0px 0 0px auto; font-size:16px; }
#nav-bar ul li					{ color:#ADADAD; float:left; display:inline-block; font-weight:bold;}
#nav-bar ul li a 				{ color:#ADADAD; text-decoration:none; text-align:center; padding:10px; margin:0px 20px 0px 20px; }
#nav-bar ul li a:hover, a.nav-selected	{ color:#CAD400!important; text-decoration:none; border-bottom:thick solid #CAD400;}
#nav-bar #login					{ padding:10px; margin:0px 20px 0px 20px; border:thin solid #6E2A8D; border-radius:2px; float:left; display:inline-block; background-color:#0C3; }

#home 							{ background: url(../_images/dubai-city-1000.jpg) no-repeat center; min-height:800px; clear:both; position:relative;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}

#mf, #bi						{ font-size:55px; color:#FFF; margin-bottom:-5px; opacity:0;}
#f360line						{ font-size:55px; color:#FFF; opacity:0;}
#footer							{ height:; color:#565657; font-size:14px; border-top:thick solid #C1D82F; padding:20px 0 0 0; position:relative;}
#footer a						{ color:#565657; }

.tile							{ width:150px; height:140px; background-color:#6E2A8D; padding:30px 10px 0px 10px; color:#FFF!important; float:left; margin:0px 0px 0px 37px;}
.tile:hover						{ background-color:#CAD400; }
.tile .tile-txt					{ margin-top:12px; display:block; }
.tile p							{ color:#FFF; text-align:center; margin-top:5px; display:block;}

.ms-column1, .ms-column2, .ms-column3 { float:left; width:25%; text-align:center; opacity:0;}
.ms-columns ul					{ color:#808080; list-style:none; margin:0px 0 0px 0px; font-size:18px; padding:0px; }
.ms-columns ul li				{ }
.ms-dashedline 					{ position:absolute; top:165px; left:54px; opacity:0; border-bottom:#6E2A8D dashed medium; }

#bs-vline						{ width:110px; background:url(../_images/bs-vline-bg.jpg) center repeat-y; min-height:600px; position:absolute; top:50px; left:440px;}
#bs-services					{ float:left; height:500px; width:400px; text-align:right;}
#bs-services>p					{ text-align:right; color:#6E2A8D; font-size:36px; font-weight:bold;}

#bs-info						{ float:right; height:500px; width:400px;}
#bs-info p						{ color:#FFF; line-height:1.2em; padding:10px}
#bs-circle-bi,#bs-circle-ia,#bs-circle-tma { background:#7C7B7B; height:100px; width:100px; border:thick solid #6E2A8D; border-radius:50%; opacity:0.0;}
#bs-circle-bi 					{ margin-top:0px;}
#bs-circle-ia,#bs-circle-tma	{ margin-top:100px;}

#bs-circle-bi:hover,#bs-circle-ia:hover,#bs-circle-tma:hover 	{ background:#7C7B7B; height:100px; width:100px; border:thick solid #C1D82F; border-radius:50%; }
#txt-bi,#txt-ia,#txt-tma		{ opacity:0.0;}
#txt-bi:hover,#txt-ia:hover,#txt-tma:hover		{ color:#C1D82F;}

#info-box1,#info-box2,#info-box3 { background:#6E2A8D; padding:5px 0 10px 0; opacity:0.0; }
#info-box1-title,#info-box2-title,#info-box3-title { border-bottom:solid white thin;padding:10px 10px 10px 10px; color:#FFF; font-size:20px; position:relative; font-weight:bold;}
.info-box-title-arrow			{ background:url(../_images/bs-info-box-title-bg.png) no-repeat; position:relative; top:-29px; left:-10px; height:15px; width:10px;}

.h1-icon						{ background:rgba(110, 42, 141, 0.5); border-radius:50%; height:90px; width:90px; margin:0 auto 0 auto;}

#img-who-we-are					{ background:url(../_images/who-we-are-img.jpg) no-repeat center; }
#img-what-we-do					{ background:url(../_images/what-we-do-img.jpg) no-repeat center; }
#img-our-network				{ background:url(../_images/our-network-img.jpg) no-repeat bottom center; }
#img-contact					{ background:url(../_images/contact-img.jpg) no-repeat center; }

#img-who-we-are,#img-what-we-do,#img-our-network,#img-contact
{ 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	height:550px; 
	position:relative;
	margin:20px 0 0px 0;
	width:100%;
}
.team							{ height: 280px; width:160px; float:left; margin-right:50px; text-align:center; background:#6E2A8D; position:relative;}
.team:hover						{ background:#C1D82F;}
.team>.tile						{ margin:-5px 0 0 0; padding:0px 0 0 0; float:none; color:#FFF; text-align:center; }
.team>p							{ text-align:center; color:#FFF; line-height:1.0em; padding:10px 5px 0px 5px;}
.team > .social					{ text-align:center; position:absolute; bottom:12px; right:50px;}
.team .social img				{ display:inline-block; }					
.team .team-title				{ color:#EEE; line-height:1.em; margin-top:-2px; font-size:12px; }
#flexslider-prev				{ height: 260px; width:30px; float:left; margin-right:20px; background:url(../_images/slider-left.png) no-repeat center;}
#flexslider-next				{ height: 260px; width:30px; float:right; margin-left:20px; background:url(../_images/slider-right.png) no-repeat center;}

.what-we-do-col					{ float:left; width:27%; margin-right:94px;}
.what-we-do-col a				{ color:#337AB7; text-decoration:none; }
.what-we-do-col a:hover			{ text-decoration:underline;}

#map							{ background:url(../_images/our-network-map.png) no-repeat; width: 700px; height:570px; float:left; position:relative; }
#map .circle					{ border:thick solid #6E2A8D; background:#FFF;/*C1D82F;*/ border-radius:50%; -webkit-border-radius:50%; width:20px; height:20px; }
#map p							{ color:#6E2A8D; font-size:20px; padding-left:30px; margin-top:-2px;}
#map #kuwait					{ position:absolute; left:405px; top:210px;}
#map #doha						{ position:absolute; left:465px; top:270px;}
#map #dubai						{ position:absolute; left:520px; top:310px;}
#map #riyadh					{ position:absolute; left:380px; top:330px;}
#map #jeddah					{ position:absolute; left:265px; top:390px;}

#kuwait:hover .circle			{ border:thick solid #C1D82F; }
#doha:hover .circle				{ border:thick solid #C1D82F; }
#dubai:hover .circle			{ border:thick solid #C1D82F; }
#riyadh:hover .circle			{ border:thick solid #C1D82F; }
#jeddah:hover .circle			{ border:thick solid #C1D82F; }

#kuwait:hover p					{ color:#C1D82F; }
#doha:hover p					{ color:#C1D82F; }
#dubai:hover p					{ color:#C1D82F; }
#riyadh:hover p					{ color:#C1D82F; }
#jeddah:hover p					{ color:#C1D82F; }

#dubai-info						{ display:none;}
#riyadh-info					{ display:none;}
#jeddah-info					{ display:none;}
#doha-info						{ display:none;}
#kuwait-info					{ display:none;}

.location-info					{ border-bottom:thick solid #CAD400; width:250px; padding-bottom:5px; color:#575756; font-weight:100; margin-bottom:50px; }

.contact-circle					{ border:thick #C1D82F solid; border-radius:50%;-webkit-border-radius:50%; height:30px; width:30px; float:left; margin:0px 10px 0px 0; }

.pager							{ padding-top:70px;margin:0px auto 0 auto; position:relative; }
@media (min-width: 720px) {
  .pager 						{ width: 98%; }
  .tile							{ margin:0px 0px 0px 25px;}
  .what-we-do-col				{ float:left; width:27%; margin-right:80px;}
  h2							{ background-color:#6e2a80; color:#FFFFFF; font-size:3em; padding:10px 20px 6px 20px; display:inline-block; }
  #h2							{ background:left bottom no-repeat url(../_images/h2-bg.png); height:124px; margin-bottom: 20px; }
  h3							{ background-color:#CAD400; color:#FFF; padding:12px 12px 5px 12px; display:inline-block; vertical-align:middle; font-size:1.0em; margin-bottom:20px;}
  .clients-logos				{ margin-left:-10px; }
  #bs-vline						{ width:110px; background:url(../_images/bs-vline-bg.jpg) center repeat-y; min-height:600px; position:absolute; top:50px; left:415px;}
}

@media (min-width: 1366px) {
  .pager 						{ width:1000px; }
  .tile							{ margin:0px 0px 0px 35px;}
  .what-we-do-col				{ float:left; width:30%; margin-right:50px;}
  h2							{ background-color:#6e2a80; color:#FFFFFF; font-size:18px; padding:10px 16px 6px 16px; display:inline-block; }
  #h2							{ background:left bottom no-repeat url(../_images/h2-bg.png); height:62px; }
  h3							{ background-color:#CAD400; color:#FFF; padding:10px 16px 6px 16px; display:inline-block; vertical-align:middle; line-height:1em; font-size:20px;}
  .clients-logos				{ margin:0px; }
  #bs-vline						{ width:110px; background:url(../_images/bs-vline-bg.jpg) center repeat-y; min-height:600px; position:absolute; top:50px; left:440px;}
}

.block 							{ min-height:100%; width:100%; max-width:100%; position:relative; }
.lefty							{ float:left; }
.righty							{ float:right; }
.clearer						{ clear:both; }

.opaque							{ opacity:1.0; }

.textbox, .messagebox							{ background:#FFF; border:thin #d4d4d4 solid; height:30px; width:200px; font-size:16px; padding:0 4px;}
.textbox:focus, .messagebox:focus				{ border:thin #CAD400 solid;}
.textbox:invalid, .messagebox:focus				{ border:thin #00F solid;}
.messagebox										{ height:150px; width:240px;}

.button							{ opacity:0.90; background:#6E2A8D; color:#FFF; border:thin solid #444; padding:5px 30px 5px 30px; }
.button:hover					{ opacity:1.00; }
.hidden-warning					{ color:#F00; visibility:hidden; font-size:14px; }
.quote							{ color:#FF6633; color:#6E2A8D; font-family: 'Tw Cen MT Condensed Extra Bold' ,Calibri, Arial; font-size:70px; }
.highlighted-text				{ color:#FFF; background-color:#6E2A8D; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -o-border-radius: 10px; }

#map							{ }
#gmap							{ height:315px; }
#UAE, #KSA						{ padding:10px; }
#UAE:hover, #KSA:hover			{ background:#d4d4d4; }