/*
	Author			:	Lukman
	Themes			:	Crystal Clear Corporate Site
	Date Created	:	17 March 2014
	
	Color Scheme
	------------
	White		:	#ffffff
	Light Grey	:	#ecf0f1
	Dark Grey	:	#bdc3c7
	Orange		:	#f39c12
*/

/*SWITCHER*/
.pcOnly { display:inline; }
.mobileOnly { display:none; }

/*Font for Flexo-Caps*/
@font-face {font-family: 'Flexo-CapsDEMO';src: url('webfonts/2A3951_0_0.eot');src: url('webfonts/2A3951_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2A3951_0_0.woff') format('woff'),url('webfonts/2A3951_0_0.ttf') format('truetype');}

/*Font for Open-Sans*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(webfonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/*GENERAL*/
a { text-decoration:none; }
.center { text-align:center;margin:0 auto; }
.clear { clear:both; }
.brdRight { border-right:1px solid #DDD; }
.Right { float:right; }
.Left { float:left; }

/*HTML * BODY*/
/*BODY*/
body { font-family: 'Open Sans', sans-serif;overflow-x:hidden; }
h2 { font-family: Flexo-CapsDEMO, sans-serif; }
p { line-height:22px;color:#666;text-align:justify; }

/*HEADER*/
#header { padding:10px 7%;background:#ffffff;border-bottom:1px solid #dddddd; }
.logoImg { width:133px;float:left; }
.nav { float:right;margin-top:18px;opacity:1;z-index:10; }
.nav li { display:inline-block; }
.nav li a { color:#666;font-size:1.1em;padding:25px 20px 29px 20px;font-weight:bold;
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
}
.nav li a:hover { background:#F1B554;color:#FFF; }
.mobileMenus { display:none; }
.headerIndex { background:rgba(241, 241, 241, 0.8) !important;border-bottom:1px solid #A09F9F; }

/*BODY*/
.advCol { padding:0 7%;background:#FFF;border-top:1px solid #ECEBEB;border-bottom:1px solid #ECEBEB;z-index:40; }
.advCol3 { height:300px;padding:130px 3% 0 3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } 
.advCol3 h2 { font-size:1.3em;margin-bottom:30px; }
.advCol3 p { font-size:0.9em; }
.mid { border-right:1px solid #ECEBEB;border-left:1px solid #ECEBEB; }
.iconPassion { background:url(../img/icon_passion.png)no-repeat 50% 15%; }
.iconCreative { background:url(../img/icon_creative.png)no-repeat 50% 15%; }
.iconInnovate { background:url(../img/icon_innovate.png)no-repeat 50% 15%; }
.services { padding:50px 7%; }
.services h2 { font-size:3em;margin-bottom:6px;text-shadow: 0px 1px 1px rgba(0,0,0,.2);color:#F2F2F2; }
.services h3 { font-size:1.4em;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #DDD;color:#ef5151; }
.services h3 span { color:#3C94C0 ; }
.services h4 { font-size:1.4em;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #DDD;color:#f39c12;font-style:italic; }
.servicesBG { background:url(../img/bg.jpg)no-repeat center center fixed;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; }
.serveBox { padding:10px 15px;/*background:rgba(70, 67, 67, 0.8);*/
	background:rgba(0,0,0,.8);
	width:48%;margin:0 1% 20px 1%;float:left;min-height:270px;
	/*-webkit-box-shadow: 0 0px 5px #B3B3B3;
	-moz-box-shadow: 0 0px 5px #B3B3B3;
	box-shadow: 0 0px 5px #B3B3B3; */
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.normal li { background:url(../img/bullet3.png)no-repeat 8px 3px;padding:0 0 10px 25px;color:#EEE; }
.industry { padding:10px 7%;background:#F1B554; }
.industry h2 { color:#FFF;font-size:2.5em;margin-bottom:10px;text-shadow: 0px 1px 1px rgba(0,0,0,.2); }
.industry h3 { color:#F7F7F7;font-size:1.2em;line-height:28px; }
.contInd { padding:50px 7%;background:#F7F7F7;min-height:500px; }
.sector { padding:10px 2%;border-top:1px solid #DDD;background:#FFF; }
.sector img { width:17%;margin-right:3%;float:left; }
.sector p { width:80%;float:right;font-size:1.1em;margin-top:10px; }
.sector p span { font-weight:bold;color:#f39c12; }
.aboutBG { background:url(../img/black_lozenge.png);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.about { background:url(../img/black_lozenge.png);padding:0 10%;margin-top:80px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.about h2 { font-size:3em;text-align:center;color:#FFF;margin-bottom:40px; }
.about h3 { font-size:1.8em;text-align:center;color:#FFF;line-height:34px;margin-bottom:40px; }
.about h3 span { color:#F8B03D; }
.about p { color:#BEBCBC; }
.contact { padding:20px 7%;background:#2A2A2A;box-shadow:0px 1px 2px #ddd; }
.contact h3 { font-size:2.5em;color:#FAFAFA;float:left;width:50%;padding-top:35px; }
.leftContact { float:left;width:50%; }
.contact p { padding-left:50px;background-size:26px 26px;margin-bottom:15px;color:#837F7F; }
.email { background:url(../img/email.png)no-repeat; }
.phone { background:url(../img/phone.png)no-repeat; }
.location { background:url(../img/location.png)no-repeat; }
.valueCont { width:60%;margin:120px auto 0 auto;padding: 70px 8%;background: rgba(0,0,0,.8); }
.valueCont h2 { font-size:3em;color:#EEE;margin-bottom:20px; }
.valueCont p { color:#BEBEBE;font-size:1.1em;line-height:30px; }
.valueCont p span { font-size:1.5em;color:#DDD; }
.valuesBG { background:url(../img/bg2.jpg)no-repeat center center fixed;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; }
.resp-tab-content img { margin-bottom:30px; }
.resp-tab-content p { font-size:1.1em;line-height:25px; }
.resp-tab-content p span { color:#DBBA36; }
.resp-tabs-list li { font-size:1em !important;font-weight:bold !important;color:#555; }
.contactFrame { height:650px;width:100%;border:0; }

/*FOOTER*/
footer { padding:12px 7%;background:url(../img/black_lozenge.png); }
footer p { color:#999;font-size:0.9em;text-align:center; }
.indexFoot { position:fixed;bottom:0;width:100%;padding:8px ; }

 /*GRID*/
.grid1 { width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.grid2 { width:50%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.grid3 { width:33.33334%;float:left;transition:1s;-moz-transition:1s;-webkit-transition:1s; }
.grid4 { width:25%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.grid5 { width:20%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.grid2per3 { width:66.66668%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

/*ANIMATED SCROLL*/
.aFullLeft, .aFullRight, .animeLeft , .animeRight { position:relative;transition:width 1s;-moz-transition:1s;-webkit-transition:1s; }
.aFullLeft { left:-120% }
.aFullRight { left:120% }
.animeLeft { left:-120% }
.animeRight { left:120% }