* 									{ margin:0; padding:0; -webkit-font-smoothing:antialiased; /*-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;*/}
*:before, *:after 					{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
* 									{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body 								{ color:#333; margin:0 auto; font-family: 'Conv_ebrima', Arial; font-size:14px; color:#353535; }
body, html							{ height: 100%;}
a:active, a:focus,
input:focus, textarea:focus,
select button						{ outline:0;}
a:active, a:focus					{ outline:expression(hideFocus='true'); }
::-moz-focus-inner					{ border: 1px solid transparent!important; }
:link,:visited      				{ text-decoration:none; }
ul,ol,li,pre,
form,blockquote,
fieldset,input,p, label, button		{ margin:0px; list-style:none; padding:0; font-size:14px; font-family: 'Conv_ebrima'; vertical-align:top;}
a img								{ border:none; }
h1,h2,h3,h4,h5,h6					{ margin:0px; padding:0px; font-size:14px; font-family: 'Conv_ITCAvantGardeStd-Bk';}
/* start form styles ----------------------------------------------------------------------------------------------------------*/
input[type=text],
input[type=password],
textarea, select					{ border-radius:0px; margin:0px; padding:2px 5px; background:#FFF; border:1px solid #cccccc; font-family: 'Conv_ebrima', Arial; font-size:13px; color:#2b2b2b; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border:1px solid #0872ba;}
input[type=button]					{}
/*input[type=submit]					{ background:url(../images/button.png) repeat-x; width:94px; height:34px; }	
input[type=submit]:hover			{ background-position:0px -37px;}*/
/* end form styles ------------------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Conv_ebrima';
	src: url('../fonts/ebrima.eot');
	src: local('☺'), url('../fonts/ebrima.woff') format('woff'), url('../fonts/ebrima.ttf') format('truetype'), url('../fonts/ebrima.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ITCAvantGardeStd-Bk';
	src: url('../fonts/ITCAvantGardeStd-Bk.eot');
	src: local('☺'), url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff'), url('../fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-Bk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.padding-top15						{ padding-top:15px !important;}
/* Start CSS Hacks  -----------------------------------------------------------------------------------------------------------*/
* html .clear	             		{ zoom: 1; } /* IE6 */
*:first-child+html .clear	 		{ zoom: 1; } /* IE7 */
/* End CSS Hacks  -------------------------------------------------------------------------------------------------------------*/
.button, .about-text a, .business-project-news h2 a, .date-more a, .box-main a, .footer a, .we-bulid a, .sub-links a, .agencies-logo, .certificates a, .project, .view-details a, .archive, .linksintitle a, .member .readmore, .home-left h3, .client span, .client
									{ transition:all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s;}
.header-main						{ height:92px; border-bottom:2px solid #0872ba; background:url(../images/navigation-bg.jpg) left top repeat-x;}
.header								{ width:990px; margin:0 auto;}
.UGCC								{ margin-top:10px; float:left}
.menubar							{ margin:0 0 0 345px;}
.banner								{ vertical-align:top; overflow:hidden; margin:0 auto; padding-bottom:6px; background:url(../images/blue-red-line.gif) center bottom no-repeat; position:relative; z-index:1;}
.we-bulid							{ display:none; position:absolute; bottom:30%; left:50%; margin-left:-335px; width:670px; background:#000; text-align:center; z-index:3; background:url(../images/transparent-bg.png) left top repeat; border:1px solid #fff; border-radius:1px; }
.we-bulid p							{ font-size:55px; color:#fff; padding-top:5px;}
.we-bulid a							{ background:#0872ba; font-size:13px; display:inline-block; padding:5px 25px 7px 25px; color:#fff; margin-bottom:-15px;}
.we-bulid a:hover					{ background:#ec2028;}
.inner-banner						{ text-align:center}
.about-home-main					{ border:1px solid #e9e9e9; border-left:0px solid #e9e9e9; border-right:0px solid #e9e9e9; background:#e9e9e9; padding-bottom:6px; vertical-align:top}
.about-main							{ width:990px; margin:0 auto; padding-top:15px; overflow:hidden}
.home-left							{ float:left; width:480px;}
.home-left h3						{ cursor:pointer}
.home-left h3:hover					{ background:#ec2028;}
.home-right							{ float:right; width:480px;}
.about-main h2.pull-right			{ padding:2px 15px 2px 15px; color:#FFF; font-size:21px; background:#0872ba; margin:0px 0 0 0; float:right}
.pull-right							{ float:right;}
.about-title						{ float:left; width:215px;}
.about-text							{ font-size:16px; color:#000; line-height:21px; text-align:justify; padding-bottom:5px; float:right; width:740px;}
.about-text	a						{ font-size:12px; color:#ec2028; padding:1px 13px 3px 13px;}
.about-text	a:hover					{ color:#fff; background:#ec2028}
.button, .contents .button			{ background:#0872ba; cursor:pointer; color:#fff; display:inline-block; font-size:14px; padding:5px 20px 7px; border:0px solid #ccc;}
.button:hover, .contents .button:hover{ background:#ec2028; color:#fff;}
/*start business-project-news of home page ------------------------------------------------------------------------------------*/
.business-project-news				{}
.business-project-news h2			{ text-align:center; font-size:23px; padding:10px 0; color:#000000; border-top:1px solid #ec2028; border-bottom:3px solid #0872ba; margin-bottom:25px;}
.business-project-news h2 a			{ font-size:15px; color:#fff; padding:1px 5px 3px 5px; width:20px; height:20px; line-height:14px; vertical-align:top; background:#827e7e; display:inline-block; border-radius:20px; margin-top:3px;}
.business-project-news h2 a:hover	{ background:#ec2028;}
.business-project-news h3			{ font-size:16px; color:#fff; height:26px; background:#0872ba; padding:3px 10px 0 10px; font-weight:normal; position:relative; z-index:1}
*:first-child+html .business-project-news h3{ padding:1px 10px 0 10px;}
.business-project-news h3 span		{ right:25px; bottom:-7px; width:13px; height:13px; position:absolute; z-index:9; float:right; background:url(../images/down-arrow.png) center bottom no-repeat}
.business-project-news p			{ text-align:justify; font-size:12px; color:#000; line-height:15px; padding:10px 0 15px 0;}
.box-main a							{ display:block; padding:5px 10px 5px 10px; font-size:16px; color:#000; font-family: 'Conv_ITCAvantGardeStd-Bk'; border-bottom:1px solid #8b8888}
.box-main a.one						{ background:#c1bcbc;}
.box-main a.two						{ background:#cac6c6;}
.box-main a.three					{ background:#d3d0d0;}
.box-main a.four					{ background:#dddbdb}
.box-main a.five					{ background:#e9e8e8;}
.box-main a.six						{ background:#f2f1f1}
.box-main a:hover					{ background:#ec2028; color:#FFF}
.news-data							{ height:255px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.news-data							{ height:250px !important;}
}
.news-data ul li					{ border-bottom:1px solid #8b8888;}
.news-data h4						{ font-size:12px; color:#000; margin-bottom:2px; padding-top:5px; line-height:20px;}
.news-data p						{ font-size:10px; color:#a9a7a7; padding:2px 0; line-height:normal}
.date-more							{ overflow:hidden; padding-bottom:5px;}
.date-more span						{ float:left; color:#0872ba; font-size:10px;}
.date-more a						{ float:right; color:#ec2028; font-size:10px; line-height:14px; padding:0px 7px 3px 7px}
.date-more a:hover					{ background:#ec2028;  color:#fff;}
/*end business-project-news of home page --------------------------------------------------------------------------------------*/
.container							{ /*background:url(../images/heading-bg.jpg) left top repeat-x*/}
.contents							{ width:990px; margin:0 auto; padding-top:6px; overflow:hidden}
.contents h1						{ font-size:29px; color:#ec2028; padding:10px 0 10px 0; position:relative; z-index:1}
.contents p							{ font-size:14px; font-family: 'Conv_ebrima'; line-height:18px; padding:7px 0; text-align:justify}
.contents h2						{ font-size:20px; color:#0872ba; padding:10px 0 0 0;}
.contents h2, .about-main h2		{ font-size:21px; font-family: 'Conv_ITCAvantGardeStd-Bk'; font-weight:normal;}
.contents h3						{ font-size:17px; color:#0872ba; padding:10px 0 0 0; font-weight:normal;}
.contents a							{ color:#0872ba;}
.contents a:hover					{ color:#ec2028;}
.list								{ margin:7px 0 10px 0}
.list li							{ font-weight:bold; font-size:15px; margin:3px 0; padding:3px 0 7px 40px; border-bottom:1px solid #f1f1f1; background:url(../images/jcb-icon.jpg) left 7px no-repeat;}
.rightcol							{ float:right; width:270px; height:460px; background:url(../images/right-bg.jpg) right top no-repeat;}
.rightcol h2						{ margin:33px 0 0 90px; height:42px;}
.sub-links							{ margin:0px 0 0 76px; background:url(../images/right-bg.png) left top repeat-y; width:199px; padding:0px 10px 10px 10px}
.sub-links a						{ display:block; padding:1px 0 3px 20px; margin:0 0 0 0px; border-top:1px solid #fbf3d1; border-bottom:1px solid #dcbf1c; color:#ec2028; background:url(../images/bullet-arrow.png) 0px 6px no-repeat; font-size:13px;}
.sub-links a:hover					{ color:#000; background:url(../images/bullet-arrow.png) 7px 6px no-repeat; padding:1px 0 3px 27px;}
.sub-links a.active					{ color:#0872ba; background:url(../images/bullet-arrow.png) 0px 6px no-repeat; padding:1px 0 3px 20px;}
.agencies-main						{ overflow:hidden; /*float:left; width:715px;*/ margin-bottom:15px}
.agencies							{ width:485px;/* height:100px;*/ background:#f1f1f1 url(../images/agencies-bg.jpg) left top repeat-x; border:1px solid #dedede; float:left; margin-top:10px; margin-right:10px;}
.agencies h3, .agencies p			{ margin:0 0 0 135px; text-shadow:#FFF 0 1px 1px;}
.agencies h3						{ font-size:14px;  }
.agencies p							{ font-size:16px}
.agencies p img						{ vertical-align:middle; border:1px solid #fff;}
.agencies-logo						{ float:left; border:1px solid #ccc; margin:5px}
.agencies-logo:hover				{ border:1px solid #ec2028; }
.agencies-logo img					{ width:115px; height:75px;}
.certificates-main					{ overflow:hidden}
.certificates						{ height:235px; padding:0 0 0 11px; background:url(../images/certificate-bg.jpg) left top no-repeat; text-align:center}
.certificates a						{ float:left; margin:18px 0px 0 31px; border:1px solid #ccc}
.certificates a img					{ width:130px; height:170px;}
.certificates a:hover				{ border:1px solid #ec2028}
.table-data 						{ width:100%; border-collapse:collapse; border:1px solid #0872ba;}
.table-data tr td, .table-data tr th{ background:#f1f1f1; padding:5px 10px; border:1px solid #fff;text-align:center}
.table-data tr th					{ background:#0872ba; color:#FFF; font-size:15px;}
.table-data tr td:nth-child(2)		{ text-align:left}
.table-data tr.total td				{ text-align:center; background:#ddd; font-size:15px;}
.table-data tr.total td:first-child	{ text-align:right}
.project-main						{ }
.project-row						{ overflow:hidden; margin:5px -10px 5px -10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.project							{ float:left; width:485px; height:160px; overflow:hidden; margin:10px; border:0px solid #fff; position:relative; z-index:1; box-shadow:#999 0 0 0px;}
.pro-thumb							{ float:left; width:235px; height:160px; overflow:hidden; }
.pro-thumb img						{ width:235px; height:160px;}
.project h2							{ padding:7px 10px 0px 15px; height:45px; margin-bottom:4px; color:#ec2028; font-size:15px; overflow:hidden; line-height:18px}
.th-detail							{ float:left; width:250px; height:160px; border-left:1px solid #f1f1f1; padding:0 0px; position:relative; z-index:9}
*:first-child+html .th-detail		{ width:249px;}
.callout							{ position:absolute; left:-15px; top:10px; z-index:9}
.details							{ position:absolute; left:0px; top:0px; height:160px; width:100%; z-index:9; background:url(../projects/white-tran.png) left top repeat;}
.th-detail p						{ font-size:12px; padding:0 15px 0px 15px !important; line-height:15px !important; height:46px; margin-bottom:5px; overflow:hidden}
.view-details						{ overflow:hidden; background:#ececec; border-top:1px solid #fff; line-height:18px;}
.view-details span					{ float:left; background:#ececec; width:174px; text-align:center; height:57px; text-shadow:#fff 0 1px 1px; font-size:13px;}
*:first-child+html .view-details span{ font-size:11px; line-height:16px;}
.view-details a 					{ float:right; background:#0872ba; font-size:14px; color:#FFF; width:75px; height:59px; padding:8px 0px 5px 0px; text-shadow:#000 0px 1px 1px; text-transform:uppercase; text-align:center}
.view-details a:hover				{ background:#ec2028; color:#FFF}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.view-details a 					{ padding:10px 0px 5px 0px;}
}
.articles-main						{ overflow:hidden; margin:0 -15px}
.articles							{ float:left; width:480px; margin:15px; padding:0px 0px 0px 80px; background:#f1f1f1 url(../images/ugcc-logo.png) left top no-repeat;}
.articles h2						{ font-size:15px; padding:7px 5px 7px 15px; height:54px; overflow:hidden; color:#ec2028}
.articles .view-details span		{ padding:7px 0 0 15px; text-align:left; height:auto}
.contact-main						{ overflow:hidden}
.contact-main h2					{ padding-top:0px;}
.contact-left						{ float:left; width:480px; padding:5px 15px 5px 15px; border:5px solid #f1f1f1; background:#f9f9f9;}
.contact-left p						{ text-shadow:#fff 0 1px 1px; padding-bottom:10px; line-height:20px}
.contact-right						{ float:right; width:480px; padding:5px 15px 15px 15px; border:5px solid #f1f1f1; background:#f9f9f9;}
.contact-form div					{ padding:2px 0}
.contact-form div label				{ display:inline-block; width:120px;}
.contact-form div .inputbox			{ width:320px;}
.contact-form div textarea.inputbox	{ height:70px}
.contact							{ border-bottom:1px solid #ccc;}
.contact-main .contact				{ margin-bottom:10px;}
.address-main .contact				{ margin-bottom:0px; border-bottom:0px solid #ccc;}
#map_canvas							{ width:100%; height:425px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#map_canvas							{ width:100%; height:410px;}
}
#firstHeading						{ color:#da2128; font-size:16px; }
.maplocation						{ margin-top:10px;}
.news-date							{ display:block; color:#999}
.right-img							{ float:right; border:5px solid #f1f1f1; margin:0 5px 5px 35px; box-shadow:#999 0 0 5px;}
.breadcrumb							{ padding-bottom:15px;}
.breadcrumb .pipe					{ font-size:20px;}
.breadcrumb span					{ color:#666}
.thumbs								{ overflow:hidden; margin:10px -5px; }
.thumbs a							{ float:left; width:155px; margin:5px;}
.thumbs a img						{ width:100%; height:115px;}
.project-profile					{ margin:15px 0}
.project-profile div				{ background:#f9f9f9; margin-bottom:1px; border-bottom:1px solid #e9e9e9}
.project-profile div label			{ display:inline-block; width:130px; padding:5px 0 5px 15px; font-weight:bold; color:#ec2028; background:url(../images/colonum.png) right 11px no-repeat}
.project-profile div span			{ display:inline-block; width:845px; padding:3px 0 0 10px}
.project-show-hide .project-row		{ display:none}
.heading							{ background:#f1f0ea; border-radius: 0px; font-size: 20px; margin-top: 15px; padding: 10px 20px !important; position: relative; text-shadow: 0 1px 1px #fff; z-index: 1; cursor:pointer}
.heading span 						{ background:#0872ba url(../images/arrow-white.png) center 9px no-repeat; border-radius: 15px; display: block; height: 25px; position: absolute; right: 15px; top: 9px; width: 25px; z-index: 1;}
.heading:hover						{ background:#e9e7dd;}
.heading:hover span					{ background:#ec2028 url(../images/arrow-white.png) center 9px no-repeat;}
.heading.active span				{ background:#ec2028 url(../images/arrow-white.png) center -28px no-repeat;}
.heading.active						{ background:#e9e7dd;}
.address-main						{ margin-top:30px;}
.archive							{ background:#0872ba; color:#fff; display:inline-block; padding:2px 5px 4px 5px; border-radius:2px; line-height:14px; font-size:11px; margin-top:5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.archive							{ padding:3px 5px 3px 5px; }
}
.archive:hover						{ background:#ec2028;}
.linksintitle						{  overflow:hidden; top:20px; text-align:right; right:0px; border-bottom:1px solid #ddd; padding:10px 0; margin-bottom:10px;}
.linksintitle a						{ font-size:11px; margin:0 0 0 2px; font-weight:normal; text-align:right; background:#0872ba; color:#FFF; display:inline-block; padding:1px 5px 2px; line-height:17px; border-radius:3px; text-transform:uppercase;}
.linksintitle a:hover				{ background:#ec2028; color:#fff;}
.linksintitle a.active				{ background:#999; color:#fff;}
.col-md-3							{ float:left; width:25%; padding-left:15px; padding-right:15px;}
.row								{}
.our-team							{ margin-left:-15px; margin-right:-15px; overflow:hidden; margin-top:20px;  }
.our-team div						{ border:0px solid red; }
.member								{ height:200px; background:#ececec; text-align:center; margin:40px 0 30px 0;}
.photo								{ border-radius:75px; width:125px; height:125px; margin:0 auto; margin-top:-30px; box-shadow:#CCC 0 0 5px}
.member h3							{ margin:10px 0 0 0; padding:0 10px; font-size:18px; font-weight:normal; height:40px; color:#0872ba; line-height:18px; text-shadow:#FFF 0 1px 1px;}
.member p							{ padding:0px; height:38px; padding:0 10px; text-align:center}
.member .readmore					{ background:#0872ba; color:#fff; font-size:13px; display:inline-block; padding:2px 10px 5px 10px; border:0px solid #fff;}
.member .readmore:hover				{ background:#ec2028; color:#fff; border:0px solid #fff;}
.member-detail						{ overflow:hidden}
.member-photo						{ float:right; margin:15px 10px 10px 20px; border:5px solid #fff; box-shadow:#CCC 0 0 10px;}
.post								{ color:#666; padding:10px 0; display:block}
/* start Careers -----------------------------------------------------------------------------------------------------------------*/
.register-main						{ padding:15px 0; overflow:hidden}
.register-main h2					{ border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:5px;}
.sign-up							{ display:inline-table; width:100%; padding:1px 0px; }
.sign-up div.fl						{ width:470px; padding:5px 0 5px 0px; float:left}
.sign-up div.fr						{ width:470px; padding:5px 0 5px 10px; float:right}
.single								{ display:inline-table; width:100%; background:#f1f1f1; padding:5px 0 5px 10px;}
.sign-up div .error					{ display:none; padding:0 0 0 160px; color:#F00;font-size:13px; }
.sign-up label						{ display:inline-block; width:145px; padding:4px 0 0 0px; font-size:14px; color:#2b2b2d; text-align:left }
.mendatory							{ color:#F00;}
.sign-up .input, .sign-up textarea, .sign-up select	{ width:302px; padding:5px; display:inline-block; vertical-align:middle; background:#FFF; border-radius:2px; border:1px solid #ccc !important;}
.sign-up select.input				{ width:303px;}
.sign-up textarea.input				{ height:70px; vertical-align:middle}
.sign-up .button					{ margin-right:7px;}
.contact-country					{ text-align:left; margin:0px; padding:0px; border:0px solid #fff; overflow:hidden; margin-top:10px;}
.contact-country a					{ text-align:left; font-size:14px; padding:2px 15px 5px 15px; line-height:normal; float:left; margin:0 5px 0 0}
.contact-country a.active			{ border-radius:3px 3px 0 0; background:#ddd; padding:2px 15px 8px 15px; color:#666}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.contact-country a					{ padding:4px 15px 5px 15px;}
.contact-country a.active			{ padding:4px 15px 8px 15px;}
}
.contact-page-detail				{ background:#ddd; padding:10px;}			
.contact-page-detail .contact-main	{ display:none}
/* end Careers -------------------------------------------------------------------------------------------------------------*/
.celebrating						{ color:#ec2028; text-align:center; font-size:25px; border:1px solid #ccc; padding:10px; background:#fff url(../images/checks-bg.gif) left top repeat; box-shadow:#ccc 0 2px 1px; margin-bottom:10px;}
.news-main .heading					{ font-size:15px;}
.news-main .heading .date-news		{ position:static; background:url(../images/bullet-arrow.gif) right 5px no-repeat; width:auto; display:inline-block; height:auto; color:#666; padding:0 20px 0 0; margin-right:5px; }
.news-div							{ margin:0px; padding:10px 20px; background:#f1f1f1;}
.news-div .right-img				{ margin:10px 0 5px 30px}
#vacanciesForm						{ display:none;}
#vacanciesForm .appliedFor			{ padding-top:4px; padding-bottom:7px; }
.clients-main						{ overflow:hidden}
.client								{ background:#f1f1f1; width:192px; height:178px; padding:10px 5px 5px 5px; margin:3px; text-align:center; border:1px solid #ddd; float:left}
*:first-child+html .client			{ padding:10px 0px 5px 0px; width:190px}
.client:hover						{ background:#f4dddd; border:1px solid #ee878b;}
.client img							{ width:170px; height:120px; margin-bottom:7px; border:1px solid #ddd;}
.client span						{ display:block; text-align:center; line-height:16px; font-size:13px;}

/*start footer -----------------------------------------------------------------------------------------*/
.footer-main						{ background:#e9e9e9; border-top:1px solid #ec2028; margin-top:25px;}
.footer								{ width:990px; margin:0 auto; height:48px; padding:15px 0 30px 0}
.footer-left						{ float:left; font-size:10px;}
.footer-left a						{ float:left; font-size:10px; color:#0872ba; margin:0 10px 0 0}
.footer-right						{ float:right; font-size:10px; color:#000; text-align:right}
.footer-right a						{ font-size:10px; color:#000;}
.footer-right a.design-by			{ font-size:10px; color:#0872ba;}
.footer a:hover, .footer a.active	{ color:#ec2028}
.foot-links							{ float:left; position:relative; z-index:1}
.foot-links ul						{ position:absolute; display:none; left:0px; bottom:15px; padding:2px 0; background:url(../images/menu-bg-normal.png) left top repeat;}
.foot-links ul li					{ padding:0 2px;}
.foot-links ul li a					{ color:#FFF; border-top:1px solid #f1494f; border-bottom:1px solid #c81c23; height:auto; text-shadow:#55090c 0 1px 1px; padding:1px 5px 3px 5px; display:block; margin:0px; float:none; white-space:nowrap}
.foot-links ul li a:hover, .foot-links ul li a.active{ color:#fff; background:url(../images/menu-bg-hover.png) left top repeat; border-top:1px solid #5caee5; border-bottom:1px solid #07609c}
/*end footer -------------------------------------------------------------------------------------------*/